手风琴ul li列表

<ul class="accordion"> 

    <li> 

        <img src=#"/> 

        <div class="caption">超帅的中文响应式网络公司网页模板</div> 

    </li> 

   ...

</ul>

$(document).ready(function() { 

    accordion = $('.accordion').classicAccordion({width: 1200, height: 400, slideshow: true, shadow: true, alignType: 'centerCenter', closedPanelSize: 40, 

        panelProperties: { 

            0: {captionWidth: 200, captionHeight: 35, captionTop: 30, captionLeft: 30}, 

            2: {captionWidth: 380, captionHeight: 40, captionTop: 330, captionLeft: 30}, 

            4: {captionWidth: 150, captionHeight: 120, captionTop: 270, captionLeft: 600}, 

            7: {captionWidth: 300, captionHeight: 35, captionTop: 180, captionLeft: 250}, 

            8: {captionWidth: 380, captionHeight: 40, captionTop: 330, captionLeft: 30}, 

            10: {captionWidth: 150, captionHeight: 120, captionTop: 30, captionLeft: 620} 

        } 

    }); 

 

    accordion.openPanel(0); 

});