Question

如果我访问手风琴的内容，如何避免自动调整jQuery Accordion标题的大小？

脚本：

<script type="text/javascript" >
    $(document).ready(function() {
      $("#dvAccordion").accordion(
            { autoHeight: false,
                collapsible: true
            }
        );
     });
</script>

标记：

    <div id="dvAccordion">
    <h5><a href="#fragment1"><asp:Label runat="server" ID="lblAccordionRC" Text="Hi" meta:resourcekey="lblAccordionRC"  ></asp:Label></a></h5>
        <div id="fragment1">
            <div style=" height:10px; width:200%; background-color:Blue;"></div>                
        </div>
    <h5><a href="#fragment2"><asp:Label runat="server" ID="lblAccodionUNC" Text="How"  meta:resourcekey="lblAccodionUNC"></asp:Label></a></h5>               
        <div id="fragment2">
            How are You ?
        </div>        
    </div>

第一支手风琴包含比第二支手套更宽的div。如果我点击第一支手风琴，就会重新调整手风琴的标题。然后，如果我点击第二个手风琴，它会缩回。它会在最终用户中对页面进行错误的可视化。 如何删除此自动调整大小？

Answer 1

使用css

设置手风琴的宽度

<div id="dvAccordion" style="width:300px;">

出于某种原因，在html中设置宽度似乎与jquery无法正常工作。

避免自动改变jQuery手风琴的宽度

1 个答案: