Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]poprawki w skrypcie
Forum PHP.pl > Forum > Przedszkole
mitas
witam mam taki skrypt w jquery
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>menu jquery</title>
  7. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  8. <script type="text/javascript">
  9. $(document).ready(
  10. function()
  11. {
  12. $("#show1").click(
  13. function(){
  14. $("#menu1").toggle("normal");
  15. }
  16. ).toggle(function(){$(this).css('padding-bottom','3px');},function(){$(this).css('padding-bottom','0px');});
  17.  
  18.  
  19. $("#show-all").click(
  20. function(){
  21. $(".nav ul").toggle("normal");
  22. }
  23. ).toggle(function(){$(this).attr('value','Zwiń wszystko');},function(){$(this).attr('value','Rozwiń wszystko');});
  24.  
  25. });
  26. </script>
  27. </head>
  28. <div id="side">
  29. <div class="nav">
  30. <h3><a href="#" id="show1">Tytuł</a></h3>
  31. <ul style="display:none" id="menu1">
  32. <li><a href="#">Link #1</a></li>
  33. <li><a href="#">Link #2</a></li>
  34. </ul>
  35. </div>
  36.  
  37. </body>
  38. </html>

a tu skrypt w działaniu
http://drop.ayz.pl/test/test.html

a teraz moje pytanie jak zrobić żeby ten skrypt rozwijał się bezpośrednio pod linkiem "tytuł" bez tego wypunktowania ? dla was banał, a ja nie wiem gdzie to zmodyfikować dry.gif
nospor
musisz ustawic
list-style: none;
dla ul i li
phpion
Zmień:
  1. <ul style="display:none" id="menu1">

na:
  1. <ul style="display:none; list-style: none; margin: 0px; padding: 0px; phpion: rulez;" id="menu1">
mitas
możesz mi jeszcze powiedzieć jak zrobić aby była aktywna klasa odpowedzialna za nadanie Menu:Tutul atrybutu vlink ?
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.