Javascript 使第二个div从上到下滑动

我正在开发隐藏和显示功能。。。 我的代码中有一个bug。。 当我单击第一个分区时…内容从下到上打开。。。 当我点击第二个div时，它从右到左打开…它应该从上到下打开。。。 如何修复它

在下面提供我的代码

弗斯特
$（文档）.ready（函数（）{
$（“#firstRadio”）。单击（函数（）{
$（“#secondHiddenDiv”）.hide（“slow”）；
$（“#firstHiddenDiv”）.show（“slow”）；
});
$（“#secondRadio”）。单击（函数（）{
$（“#firstHiddenDiv”）.hide（“slow”）；
$（“secondHiddenDiv”）.show（“slow”）；
});
$（“#thirdRadio”）。单击（函数（）{
$（“#firstHiddenDiv，#secondHiddenDiv”）.hide（“slow”）；
});
});

我对您的HTML结构做了一些更改

您可以在此处看到更新：

HTML:

<div class="first" id='firstRadio'> 
    First 
    <div id='firstHiddenDiv'>
        <div class="arrow-down"></div>
       Text
    </div>
</div>
<div class="second" id='secondRadio'> 
    Second 
    <div id='secondHiddenDiv'>
        <div class="arrow-down"></div>
        Text
    </div>
</div>

---

我认为这是由于CSS混乱造成的。@Pawal:position:absolute（你能在小提琴中更新吗？）Jquery从右边显示它是因为

float:right

。看起来这就是你想要的，请注意，你似乎想绝对地定位隐藏的div，但你没有指定任何

position:absolute

@will:can u能在小提琴中更新吗。。。

<div class="first" id='firstRadio'> 
    First 
    <div id='firstHiddenDiv'>
        <div class="arrow-down"></div>
       Text
    </div>
</div>
<div class="second" id='secondRadio'> 
    Second 
    <div id='secondHiddenDiv'>
        <div class="arrow-down"></div>
        Text
    </div>
</div>

#container > div { position: relative; } 
.first > div, .second > div { position: absolute; top: 20px; left: 0; }