Autor Zpráva
Chavier
Profil
Zdravím, vytvořil jsem primitivní menu a pomocí jquery bych rád znaméno efektu a to: pokud kliknu na položku v menu zajede (slideUp) aktivní podmenu předešlé položky a vyjede (slideDown) podmenu požadované položky. Nefunguje mi to. Pokud kliknu na odkaz objeví se pouze mizivý náznak zajetí avšak ve výsledku nic nezajede, resp. nic nevyjede. Raději vám ukážu kod. Díky za jakoukoli radu.

Kód je následující.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-language" content="cz" />
<title></title>

<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {

$('#menu ul li ul:not(:first)').hide(),

/*menu clicking*/
$('#menu ul li a').click(function() {
$('#menu ul li ul').slideUp(),
$(this).parent('li').children('ul').slideDown();
});
});


</script>

</head>

<body>
<div id="menu">
<ul>
<li><a href="">1. zalozka</a>
<ul>
<li>bla</li>
<li>blo</li>
</ul>
</li>

<li><a href="">2. zalozka</a>
<ul>
<li>blo</li>
<li>blo</li>
</ul>
</li>

<li><a href="">podrobnosti</a>
<ul>
<li>blo</li>
<li>blo</li>
</ul>
</li>

</ul>
</div>

</body>
</html>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: