Функция переключения jQuery работает только один раз - PullRequest
Новая
       0

Функция переключения jQuery работает только один раз

1 голос
/ 02 августа 2011

Я довольно новичок в jQuery и, похоже, застрял на 1 части моего кода, которую я просто не могу понять.

Я использую ссылку, так что после щелчка будет переключаться видимый элемент div и его дочерние элементы внутри, а затем при повторном нажатии переключается div и его невидимые дочерние элементы.

Теперь основной родительский div работает нормально. Div начинает скрываться, затем становится видимым, затем скрытым, затем видимым и т. Д. Столько раз, сколько я нажимаю на ссылку. Но дочерний элемент внутри станет видимым только один раз, затем, когда он скрыт, он не станет видимым, пока страница не будет перезагружена.

Ниже приведен мой код, и любая помощь будет принята с благодарностью. 

$( toggle );

    function toggle() {

        $('#blog-nav').click(function() {
            $('#blog-bg').toggle();
            $('#blog-content').toggle();    
        });

    }

А вот мой HTML-код: 

        <div id="blog-bg">
            <div id="blog-content">
                This div doesnt seem to be working
            </div>
        </div>

А вот мой соответствующий CSS, который просто устанавливает их начальное состояние скрытым: 

#blog-bg {
    display:none;
}

#blog-content {
    display:none;
}

Кроме того, я знаю, что есть функция .children(), которую можно использовать, но у нее возникли проблемы с тем, чтобы заставить ее работать, поэтому нашел обходной путь.

Вот ссылка на страницу, на которой я пытаюсь заставить ее работать, если это поможет jordanpaulmilligan.com

...