jquery toggle, показывающий и скрывающий различные элементы ... сбивающий с толку - PullRequest
Новая
       31

jquery toggle, показывающий и скрывающий различные элементы ... сбивающий с толку

0 голосов
/ 02 февраля 2012

У меня есть набор переключателей для элемента, который я хочу показать скрыть 4 элемента (3 идентификатора, 1 класс).

Вот мой jquery 

$('#tap-menu').click(function() {
    $('#left-column, #settings, #ortibi, .userprofile').toggle();
});

Эти 4 элементаскрыты при загрузке страницы и при первом переключении, показать все из них.Если я снова переключусь, чтобы спрятаться, это нормально.Но если я переключусь, чтобы показать их снова..Userprofile не показывает.Это потому, что это класс, а не идентификатор в CSS?

Почему это повлияет на это?

Заранее спасибо ...

1 Ответ

1 голос
/ 02 февраля 2012

Вместо использования display: none; в .userprofile css, скрывайте элементы с помощью jquery следующим образом: 

$(function(){
    $('#left-column, #settings, #ortibi, .userprofile').hide();
});

См. Это для получения дополнительной информации: http://api.jquery.com/hide/

В частности:

Соответствующие элементы будут скрыты немедленно, без анимации. Это примерно эквивалентно вызову .css ('display', 'none'), кроме что значение свойства display сохраняется в данных jQuery кэш, так что дисплей может быть позже восстановлен к своему начальному значению. Если элемент имеет отображаемое значение inline, затем скрывается и отображается, это будет снова отображаться в строке.

И наоборот, если изначально оно имеет значение display: none;, его переключение будет иметь то же значение display: none;.

...