Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> użycie toogle na konkretnym przykładzie, jak zrobić?
marcus755
post 21.01.2013, 12:08:40
Post #1





Grupa: Zarejestrowani
Postów: 158
Pomógł: 1
Dołączył: 6.12.2012

Ostrzeżenie: (0%)
-----


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ć?

Ten post edytował marcus755 21.01.2013, 12:13:20
Go to the top of the page
+Quote Post
sowiq
post 21.01.2013, 12:33:46
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


http://stackoverflow.com/questions/4911577...n-two-functions
Go to the top of the page
+Quote Post
marcus755
post 21.01.2013, 17:21:32
Post #3





Grupa: Zarejestrowani
Postów: 158
Pomógł: 1
Dołączył: 6.12.2012

Ostrzeżenie: (0%)
-----


nie wiem jak to zrobić...
Go to the top of the page
+Quote Post
sowiq
post 21.01.2013, 18:54:01
Post #4





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
marcus755
post 21.01.2013, 21:51:20
Post #5





Grupa: Zarejestrowani
Postów: 158
Pomógł: 1
Dołączył: 6.12.2012

Ostrzeżenie: (0%)
-----


Dzięki:-)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.06.2025 - 02:39