Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: użycie toogle na konkretnym przykładzie, jak zrobić?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcus755
Hej,
zrobiłem coś takiego:

<div class="pic" style="display:none;"></div>

<li class="plus"><a href="#">Save for later</a></li>

<script>
$('.box ul li.plus').click(

function(e) {
e.preventDefault();
e.stopPropagation;
$(this).removeClass("plus");
$(this).addClass('minus');

$(".pic").show().animate({
top: 10,
left: -40,
width: 40,
}), 100
});
</script>

Chodzi o to, aby np. za pomocą .toogle() lub czego innego, po ponownym kliknięciu na link:
- znikała klasa minus, a pojawiała się klasa plus
- a klasa pic, ukrywała się

Reasumując, gdy klikam pierwszy raz pojawia mi się zawartość kodu powyżej,
a kiedy jeszcze raz klikam - mam "reverse" funkcji powyżej.

Jak to zrobić?
marcus755
nie wiem jak to zrobić...
sowiq
Zerknij poniżej:

[JAVASCRIPT] pobierz, plaintext
  1. var elemVisible = false;
  2.  
  3. $('button').on('click', function(){
  4. if(elemVisible){
  5. // element jest już widoczny - tutaj umieszczasz kod chowający
  6. }
  7. else{
  8. // element nie jest widoczny - tutaj umieszczasz kod pokazujący
  9. }
  10. elemVisible = !elemVisible;
  11. });
[JAVASCRIPT] pobierz, plaintext
marcus755
Dzięki:-)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.