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.htmlPierwszy jest rozwinięty. Oto plik js:
$(document).ready(function(){
jQuery('#example').accordion();
});
Probowałem go przerobić do takiej formy, aby wszystkie pola były zwinięte, ale nie udało się:
$(document).ready(function(){
jQuery('#example').accordion({
alwaysopen:false
});
});
A to cały plik html:
<?xml version="1.1" encoding="UTF-8"?>
<!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="pl" lang="pl"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="uploader,hiszpan" /> <script type="text/javascript" src="js/jquery-1.2.1.js"></script> <script type="text/javascript" src="js/jquery.dimensions.js"></script> <script type="text/javascript" src="js/ui.accordion.js"></script> <link rel="stylesheet" type="text/css" href="style/flora/flora.all.css" media="screen" title="Flora (Default)" /> <!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="style/ie.css" />
<![endif]-->
<script type="text/javascript" src="js/scripts.js"></script> <ul id="example" class="ui-accordion-container" style="width: 200px;"> <div class="ui-accordion-left"></div> <a href='#' class="ui-accordion-link"> Test 1
<div class="ui-accordion-right"></div> <div>Przykładowe 1 zdanie
</div>
<div class="ui-accordion-left"></div> <a href='#' class="ui-accordion-link">Test 2
<div class="ui-accordion-right"></div></a> <div>Przykładowe 2 zdanie
</div> <div class="ui-accordion-left"></div>
<a href='#' class="ui-accordion-link">Test 3
<div class="ui-accordion-right"></div></a> <div>Przykładowe 3 zdanie
</div>
Proszę o pomoc.