Jak korzystając z jQuery pod poniżysz kod podpiąc rozwijane Menu??

  1. <div id="header">
  2. <ul id = "navigation">
  3. <li id="link"><a href="#"> Stron Główna</a></li>
  4. <li id="link"><a href="#"> Zakres</a></li>
  5. <ul class="subnav">
  6. <li><a href="#"> Zakres1</a></li>
  7. <li><a href="#"> Zakres2</a></li>
  8. <li><a href="#"> Zakres3</a></li>
  9. </ul>
  10. <li id="link"><a href="#"> Usługi</a></li>
  11. <ul class="subnav">
  12. <li><a href="#"> Usługi1</a></li>
  13. <li><a href="#"> Usługi2</a></li>
  14. <li><a href="#"> Usługi3</a></li>
  15. </ul>
  16. </li>
  17. <li id="link"><a href="#"> O nas</a></li>
  18. <li id="link"><a href="#"> Kontakt</a></li>
  19. </ul>
  20. </div>
  21.  
  22.  
  23. </body>




Dodam, że kod


$(document).ready(function() {


('#navigation li').hover(function() {
$(this).find('.subnav').slideDown('slow');


},
function() {
$(this).find('.subnav').slideUp('fast');
})
})


nie działa...dlaczego??

edit: działa dla kodu poniżej:

  1. $(document).ready(function () {
  2.  
  3.  
  4.  
  5. $('ul#navigation').hover(function(){
  6. $(this).find('.subnav').slideDown();
  7.  
  8. },
  9.  
  10. function(){
  11. $(this).find('.subnav').slideUp();
  12.  
  13. })
  14. })