Witam.

Jak sprawdzić, czy metoda .toggle() ukryła własnie element czy go pokazała?



Powyższy warunek "is visible" zwraca mi zawsze true.

W czym jest problem? Czy problemem jest to, że nie odnosze się do tego elementu co trzeba?

http://jsbin.com/ulezak/4/edit

Może ten przykład Ci coś rozjaśni

przecież w toggle możesz wywołać callback, a tam jakąś zmienną zmieniać lub przypisać coś do .data i już wiesz w którym trybie jest dany element...
http://api.jquery.com/toggle/

Tak, moge wywołac funkcje, ale w tym callback nie mam infomracji, czy akurat ukryto, czy pokazano element.. i tu jest problem..

No to przecież możesz wykonać:

[JAVASCRIPT] pobierz, plaintext 
$(this).is(':visible');
[JAVASCRIPT] pobierz, plaintext 

Na siłę wynajdujesz problem.

Już załątwiłem sprawe:



jak wykonuje funkcje callback i wtedy sprawdzam czy jest vidoczny element $(this) wtedy rozpoznaje poprawnie i wszystko jest ok.

Mam tylko jeszcze jedno pytanie..
Jak zmodyfikowac element: $that.removeClass('active');
Aby kasował ten styl również dla głębiej zagnieżdżonych elementów li ?

Nie wiem czy to zadziła:
$that.parents('li').removeClass('active');

lub pokombinuj z :
find();

jak już wspomniał Erix na siłę wynajdujesz problemy... skoro ustawiasz speed to callback'a nawet do swojego sprawdzenia musisz dać a nie tak od razu i nie wiem, czy pseudo klasa w jQuery :visible obejmuje też .css("display")=='block', dlaczego to piszę - manual jQuery, po skończeniu ukrywania w toggle element ma nadany dispaly: none, i też od razu miałby nadany display block przy pokazywaniu - w sumie ma od razu jednak jeszcze masz opacity więc pasuje to zrobić w callbacku po pełnym pokazaniu elementu skoro ustawiłeś tam czas...

ale to wspomniałem o metodach jQuery... przecież wiesz z jakiego stanu startują Twoje elementy na Twojej stronie - optymalniej by było skorzystać z jakiejś zmiennej pomocniczej bądź a jQuerowego .data dla danego elementu...