Вызов jQuery .toggle() по клику

Question

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

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

#library {
    visibility: hidden
}

Установите кнопку для переключения состояния следующим образом:

<a href="#" id="showhide">Show/Hide Reruns</a></span>

И попытался реализовать функцию так:

$('#showhide').click(function(e){
$('#library').toggle();
    return false;
    })
});

Но я сталкиваюсь с проблемами. Виджет библиотеки все еще виден при загрузке страницы, и его CSS также не изменяется в инспекторе элементов.

Я настроил скрипку здесь, если это поможет: http://jsfiddle.net/GecwN/

Answer 1

Я изменил твой переключатель на этот

    $('#showhide').click(function (e) {
        $('#library').toggleClass("library");
     })

Я изменяю свойство видимости на

   display: none;

Я также изменил ваш css с #library на.library, чтобы переключить класс

Но потом я думаю, что самое важное после того, как я выполнил эти вещи, я поместил ваш обработчик.click в документ. Уже просто удалив}) прямо перед ним. Там был еще один. Сработало идеально

http://jsfiddle.net/SteveRobertson/GecwN/11/

Answer 2

Проблема в том, что у вас есть это в вашем toggle():

return false;

Удалить его и использовать display: none в вашем CSS как TGH рекомендуется.

Пример рабочей скрипки здесь.

Answer 3

Попробуй это:

#library {
    display: none;
}