Witam, zamierzam uzyskać efekt accordion, ale ze wszystkimi elementami <li> zwiniętymi, a jak widać w moim przykładzie
http://hiszpaniec89.ovh.org/accordion/uploader.html
Pierwszy jest rozwinięty. Oto plik js:
  1. $(document).ready(function(){
  2. jQuery('#example').accordion();
  3. });

Probowałem go przerobić do takiej formy, aby wszystkie pola były zwinięte, ale nie udało się:
  1. $(document).ready(function(){
  2. jQuery('#example').accordion({
  3. alwaysopen:false
  4. });
  5. });

A to cały plik html:
  1. <?xml version="1.1" encoding="UTF-8"?>
  2. <!DOCTYPE html 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. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta name="keywords" content="uploader,hiszpan" />
  8. <title>::Uploader::</title>
  9. <script type="text/javascript" src="js/jquery-1.2.1.js"></script>
  10. <script type="text/javascript" src="js/jquery.dimensions.js"></script>
  11. <script type="text/javascript" src="js/ui.accordion.js"></script>
  12. <link rel="stylesheet" type="text/css" href="style/flora/flora.all.css" media="screen" title="Flora (Default)" />
  13. <!--[if lte IE 6]>
  14. <link rel="stylesheet" type="text/css" href="style/ie.css" />
  15. <![endif]-->
  16. <script type="text/javascript" src="js/scripts.js"></script>
  17. </head>
  18. <ul id="example" class="ui-accordion-container" style="width: 200px;">
  19. <li>
  20. <div class="ui-accordion-left"></div>
  21. <a href='#' class="ui-accordion-link">
  22. Test 1
  23. <div class="ui-accordion-right"></div>
  24. </a>
  25. <div>Przykładowe 1 zdanie</div>
  26.  
  27. </li>
  28. <li>
  29. <div class="ui-accordion-left"></div>
  30. <a href='#' class="ui-accordion-link">Test 2<div class="ui-accordion-right"></div></a>
  31. <div>Przykładowe 2 zdanie</div>
  32. </li>
  33. <li>
  34. <div class="ui-accordion-left"></div>
  35.  
  36. <a href='#' class="ui-accordion-link">Test 3<div class="ui-accordion-right"></div></a>
  37. <div>Przykładowe 3 zdanie</div>
  38. </li>
  39. </ul>
  40. </body>
  41. </html>


Proszę o pomoc.