Question

我在网站上有一个jquery手风琴但它有点不起作用＆gt;＆gt;当浏览器加载页面手风琴看起来很好（第一个部分打开）但是当我按下其他部分时，第一部分关闭，没有任何部分打开，所以它有点卡住所有部分关闭！当我重新加载页面时，这个循环从头开始。这是该网站的link，点击“Pakalpojumi”观看手风琴。这是手风琴的html：

<div id="accord">

                <h3><a id="gr" href="#">Griezšana</a></h3>
                <div> 
                    <p>
                    max griešanas garums: 2500mm </br>max loksnes biezums: 4mm
                    </p>
                </div>
                <h3><a id="ur" href="#">Urbšana</a></h3>
                <div> 
                    <p>
                    Mēs piedāvājam 3 dažādu veidu stacionārie urbji
                    </p>
                </div>
                <h3><a id="lo" href="#">Locīšna</a></h3>
                <div> 
                    <p>
                    max loksens garums: 2000mm, </br>max spiešanas spēks: 65 t 
                    </p>
                </div></div>

添加手风琴：

$('#accord').accordion();

有没有人知道可能出现什么问题？

Answer 1

代码本身很好，请参阅here。仔细检查您的网站后，每次单击标题时都会在活动div上放置一个样式（我使用chrome，它在css属性中显示为element.style），用于设置高度，padding-top并填充底部为0px。如果我禁用这些样式，所选的div显示正常。您是否碰巧在每次点击时添加这些样式？

修改好的，我发现了你的问题......第二个标签here看起来很熟悉吗？根据{{3}}，这是因为当你初学你的手风琴时，它的父元素是隐藏的（通过你的'off'类）。所以你可以通过在初始化你的手风琴之后为你的div定义一个高度来解决这个问题：

$('#accordion').accordion(); $('#accordion >div').css('height', '300');

...或者通过显示其父母的手风琴来初始化。

jquery手风琴部分未公开

1 个答案: