[JavaScript][jQuery] Jak sprawdzić, czy .toggle() ukryło czy pokazało własnie element? Opcje

[kukix]

Witam.

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

Kod

        $(this).children('ul').toggle(speed);//ukrywamy albo pokazujemyt dzieciaki

        if ($(this).children('ul').is(":visible")) {
          alert('ROBIMY ADD');
          $(this).children('a').addClass('active');
        } else {
          alert('ROBIMY REMOWE');
          $(this).children('a').removeClass('active');
        }

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?

[melkorm]

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

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

[zegarek84]

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/

[kukix]

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..

[erix]

No to przecież możesz wykonać:

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

Na siłę wynajdujesz problem.

[kukix]

No to przecież możesz wykonać:

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

Na siłę wynajdujesz problem.

Już załątwiłem sprawe:

Kod

      var $that = $(this).children('a');

      $(this).children('ul').toggle(200, function() {

        if ($(this).is(":visible")) {
          $that.addClass('active');
        } else {
          $that.removeClass('active');
        }
    
      });

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 ?

Ten post edytował kukix 24.11.2011, 13:58:38

[Niktoś]

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

lub pokombinuj z :
find();

[zegarek84]

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...

Ten post edytował zegarek84 24.11.2011, 14:46:42