jquery slideDown（）之后div不在一行中

当页面上有一个div时，我可以让div直接向下滑动，但当我在同一行上有两个+时，slidedown函数就开始从右侧顶部向下滑动。我也试着把它们放在不同的分区中，但仍然有和下面小提琴一样的问题

如果有人能把我推向正确的方向，我将不胜感激

html:

这是工作小提琴：

---

提前感谢

这里有一个更新的JSFIDLE供您使用。您应该使用position属性以正确的方式定位元素。在这种情况下，请使用

.below{
   position:absolute;
    /* then position it the way you want using margin property */
}

---

另外，你有几个部门的id都是相同的#nena，#下面等等。你不能这样做，这是一个很大的错误。将它们全部改为类名。

好的，我会研究一下，谢谢。我只是用它来摆弄我的道歉我会更正类名，现在就更正

#nena {
    height: 160px;
    width: 100px;
    border:thin solid #DEDEDE ;
    margin-left: 10px;
    margin-right: 10px;

float: left;}

.tshirtName {
    font-family: NimbusSanDCon;
    font-weight: bold;
    font-size: 1.2em;
    padding-right: 5px;
    text-align: center;}


#below {
    background-color: #F5F5F5;
    width: 100px;
    height: auto;
    display: none;
    padding: 5px;
float: left;}

#nena img {
    width: 90px;
    margin-top: 5px;
    margin-left: 5px;}

#show {
    float: right;
    margin-right: 5px;
    }

#hide {
    float: right;
    margin-right: 5px;}

.itemDescription {
    font-family:NimbusSanDCon;
    font-weight: bold;
    font-size: 1.3em;
    color: #1c665b;
    margin-left: 5px;}

.price {
    font-family: NimbusSanDCon;
    font-weight: bold;
    margin-left: 5px;
    letter-spacing: .2em;
}

a {
    color: black;}

.below{
   position:absolute;
    /* then position it the way you want using margin property */
}