Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] jQuery - wysuwane menu
Forum PHP.pl > Forum > Przedszkole
red9skull
Mam taki kod HTML:
  1. <li><a href="#" class="komedia" id="komedia">Komedia</a></li>
  2. <li><a href="dsadasd" class="lektor" id="komedia-lek">Lektor PL</a></li>
  3. <li><a href="#" class="horror" id="horror">Horror</a></li>
  4. <li><a href="dsadasd" class="menu-link">Sensacja</a></li>
  5. <li><a href="dsadasd" class="menu-link">Obyczajowy</a></li>
  6. <li><a href="dsadasd" class="menu-link">Dramat</a></li>

I generalnie chodzi mi o to jak za pomocą jQuery zrobić tak, żeby po kliknięciu "Komedia" wysunęło mi się "Lektor PL"?
MateuszS
http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ polecam

PS Gdzieś na początku tego kursu jest jak zrobić takie coś.
230005
Element listy powinien być dzieckiem elementu komedia, czyli:

  1.  
  2. <ul id="menu">
  3. <li class="parent"><a href="#" class="komedia" id="komedia">Komedia</a>
  4. <ul class="child">
  5. <li ><a href="dsadasd" class="lektor" id="komedia-lek">Lektor PL</a></li>
  6. </ul>
  7. </li>
  8. <li><a href="#" class="horror" id="horror">Horror</a></li>
  9. <li><a href="dsadasd" class="menu-link">Sensacja</a></li>
  10. <li><a href="dsadasd" class="menu-link">Obyczajowy</a></li>
  11. <li><a href="dsadasd" class="menu-link">Dramat</a></li>
  12. </ul>
  13.  


  1.  
  2. ul.child {
  3. display: none;
  4. }
  5.  


[JAVASCRIPT] pobierz, plaintext
  1.  
  2. $('li#parent a').click(function() {
  3. $(this).parent().children('ul').slideDown();
  4. });
  5.  
[JAVASCRIPT] pobierz, plaintext


Jakoś tak. A w ogóle to spójrz na ten link zapodany przez kolegę wyżej.
red9skull
Dzięki - zrobiłem tak jak na Ferrante.pl - macie ode mnie repo :]

Jeszcze jedno pytanie. Kod java script:
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(
  3. function()
  4. {
  5. $("#link").click(
  6. function()
  7. {
  8. $("#more").toggle("normal");
  9. });
  10. });
  11. </script>
[JAVASCRIPT] pobierz, plaintext

Otóż, jak napisać funkcję żeby pobierało id po kliknięciu w link i ten id ukrywało / pokazywało?
MateuszS
Nie wiem czy Cię dobrze rozumiem, chodzi o coś takiego?

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript">
  3.  
  4. function pokazschowaj(id)
  5. {
  6. $("#"+id).toggle("normal");
  7. }
  8. </script>
  9.  
  10. <a href="#" onClick="pokazschowaj('link')" id="link">adsadas</a>
  11.  
[JAVASCRIPT] pobierz, plaintext
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.