jQuery показать / скрыть div внутри тела из другого div

Question

У меня довольно простой вопрос (об этих чертовых селекторах!) Относительно jQuery. У меня есть 2 div в моем теле, которые я имел, когда сайт загружается. Но я хочу, чтобы они показывали при нажатии на определенное изображение. Проблема в том, что изображение находится внутри нескольких других элементов (div, ul, li).

Я сделал эту простую скрипку, чтобы показать структуру div http://jsfiddle.net/MspYV/. Итак, вопрос в том, как мне добраться до #change_settings_container и .change_settings_translucent элемента div из абсолютно другого элемента div /?

Answer 1

для div #change_settings_container это так же просто, как $("#change_settings_container")

Answer 2

<script>
    $(document).ready(function () {
        $(".small-image img").click(function () {
            $(".main-image img").hide();
            $(".small-image img").show();
            var imgsrc = $(this).attr("src");
            $(".main-image").addClass("img");
            $(".img").css('background-image', 'url(' + imgsrc + ')');
        });
    });
</script>

Answer 3

$("span.change_settings_close_button img").click(function(){
    $('div.change_settings_translucent').hide();
});

$("span.toggle").click(function(){
    $('div.change_settings_translucent, div#change_settings_container').toggle();
});

См. Пример здесь: http://jsfiddle.net/expertCode/K2znp/