关于jquery ui的accordion bug

Aaron5 2011-07-21

    今天我用了下jquery ui的accordion 发现一个问题。不知是否BUG。

    HTML代码如下(js和css引入在此略去):

<html>

......

<script type="text/javascript">
	$(function() {
		$("#accordion").accordion();
	})
</script>

......

<div id="accordion">
        <h4><b><a href="#">accordion1</a></b></h4>
        <div>
            Accordion Content 2
        </div>
        <h4><b><a href="#">accordion2</a></b></h4>
        <div>
            <ul>
            	<li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                ...
            </ul>
        </div>
</div>

......

</html>

     我只是在accordion2的下面添加了一段较多的<ul><li>代码。
    正常的情况来说:当点击accordion1看到的长度应该是和accordion2的长度没有关系的吧?
    实际情况:可是我确看到accordion1只有一行文字而已,但是却占用的和accordion2一样大的地方。
    导致的后果:如果我accordion2的<li>部分非常长的话,accordion的样式太多难看了。
Global site tag (gtag.js) - Google Analytics