Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Problem z show / hide diva, jquert
miras
post 19.08.2015, 15:04:29
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


Witam, mam dwa divy:

  1. <div class="open-category">KATEGORIE</div>
  2. jakis tekst ads adsads
  3.  
  4.  
  5. <div class="category">podkategorie</div>
  6.  
  7.  
  8. i w ten sposób to pokazuje i ukrywam
  9.  
  10. if (screen.width > 765) {
  11. $(".open-category").mouseover(function(){
  12. $(".category").show();
  13. });
  14.  
  15. $("#test").mouseleave(function(){
  16. $(".category").hide();
  17. });
  18. }
  19. </script>
  20.  
  21.  



div .category ma position: absolute; i pomimo tego, że pomiędzy tymi dwoma elementami jest jeszcze coś to ustawia się od razu pod open-category. Problem się pojawia gdy przechodzę myszką z diva open-category do diva category, wtedy mi się chowa div category. Trochę nagmatwałem, ale mam nadzieję, że ktoś zrozumie.


--------------------
Go to the top of the page
+Quote Post
jaca121212
post 19.08.2015, 15:33:33
Post #2





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


o coś takiego ci chodzi
link
Go to the top of the page
+Quote Post
viking
post 19.08.2015, 15:46:12
Post #3





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

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


Albo lepiej bez żadnego jquery http://jsfiddle.net/W7d48/


--------------------
Go to the top of the page
+Quote Post
miras
post 19.08.2015, 16:01:52
Post #4





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


Wszystko by się zgadzało gdyby nie to, że struktura moich elementów wygląda mniej więcej tak:


  1. <ul>
  2. <li><a href="#" class="open-category">OPen CATEGORY</a></li>
  3. <li><a href="#">jakis odnosnik</a></li>
  4. <li><a href="#">jakis odnosnik</a></li>
  5. <li><a href="#">jakis odnosnik</a></li>
  6. <li><a href="#">jakis odnosnik</a></li>
  7. </ul>
  8.  
  9. <div class="category">
  10. i tutaj ten wysuwający się element
  11. </div>
  12.  


--------------------
Go to the top of the page
+Quote Post
jaca121212
post 20.08.2015, 07:55:36
Post #5





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


linklink
Go to the top of the page
+Quote Post
miras
post 20.08.2015, 13:42:55
Post #6





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


Niestety to nie działa tak, jak ja to opisałem - chodzi o to, że na jednej belce są różne <li>nazwy podstron</li> i po najechaniu na pewną zakładkę wyświetla się div category, który jest pod całym <ul> </ul>

Tego raczej się nie da zrobić za pomocą samego css'a, ponieważ po najechaniu na jeden element - musi się pojawić drugi niezależny od pierwszego.


--------------------
Go to the top of the page
+Quote Post
jaca121212
post 20.08.2015, 16:45:02
Post #7





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


da się tylko trzeba zrobić clasy dla wszytskich ul i li a jalepszym sposobem by było zrobienie tego za pomocą select>options
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: 19.06.2025 - 02:56