Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Szukanie następnego diva w Jquery
Terrorizer
post
Post #1





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 31.03.2012

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


Cześć,
Chcę aby po kliknięciu na diva "menuSlide" znikał div "szukanyDiv.
Przyznam szczerze, że nie radzę sobie za bardzo z java scriptem i jquery.
Czytam od kilku godzin dokumentację, ale nie umiem się odnieść do diva "szukanyDiv" poprzez użycia funkcji typu .find .next itp. Jak się za to zabrać? Nie mogę znaleść tej właściwej
Oczywiście mógłbym użyć bezpośrednio samej klasy, ale mam takich elementów więcej i chciałem, żeby chowało po prostu ten następny po "this".
Będę wdzięczny za wszelkie informacje i wskazówki (IMG:style_emoticons/default/smile.gif)
  1. <a href="#!"><div class="menuSlide">Produkty <i class="fa fa-minus"></i></div></a>
  2.  
  3. <div class="szukanyDiv">
  4. <p> blablabla </p>
  5. <p> blablabla </p>
  6. <p> blablabla </p>
  7. </div>
  8.  
  9.  
  10.  
  11. <script>
  12. $(".menuSlide").click(function(){
  13.  
  14. if($(".fa", this).hasClass("fa-minus")){
  15. $(".fa", this).find("div").hide();
  16. }
  17. else{
  18. $(".fa", this).find("div").show();
  19. }
  20. });
  21. </script>


Ten post edytował Terrorizer 29.10.2015, 13:53:35
Go to the top of the page
+Quote Post
Pyton_000
post
Post #2





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


$('.szukanyDiv').hide();
Go to the top of the page
+Quote Post
Terrorizer
post
Post #3





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 31.03.2012

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


No niby tak, ale mam w dokumencie "szukanyDiv1", "szukanyDiv2", "szukanyDiv99"...
To takie typowo rozwijane menu ma być niby (IMG:style_emoticons/default/biggrin.gif)
Chciałbym aby chował i pokazywał się ten div pod przyciskiem bezpośrednio.
Go to the top of the page
+Quote Post
viking
post
Post #4





Grupa: Zarejestrowani
Postów: 6 381
Pomógł: 1116
Dołączył: 30.08.2006

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


https://api.jquery.com/next/
Go to the top of the page
+Quote Post
Terrorizer
post
Post #5





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 31.03.2012

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


Próbowałem nextem, ale one nie są chyba siblingsami nie? Coś mi to nie śmiga w żaden sposób :/
Go to the top of the page
+Quote Post
viking
post
Post #6





Grupa: Zarejestrowani
Postów: 6 381
Pomógł: 1116
Dołączył: 30.08.2006

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


W tym wypadku jeszcze https://api.jquery.com/parent/
Dlaczego zdarzenie do a nie jest podpięte?
Go to the top of the page
+Quote Post
Pyton_000
post
Post #7





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


$(this).closest('a').next()
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 16.09.2025 - 19:36