多重jquery手风琴

我试图制作一个水平菜单，通过并排放置创建各种菜单，但问题是我只能在最后一个菜单上进行clic，其他菜单似乎被禁用。 还有一种方法，当页面加载时，菜单不会折叠（最小化）

$（文档）.ready（函数（）{
$（“.accordion”）.accordion（{可折叠：true}）；
});

---

谢谢

错误可能在样式位置：绝对；y如何使位置按syde进行syde？问题是它的样式应该是style=“float:left；width:90px”，并且要折叠，对于折叠，所有项目都是可折叠的：true，autoHeight:false，active:false您还需要帮助吗？

$(document).ready(function() {
    $( ".accordion" ).accordion({ collapsible: true });
});

<div class="accordion" style="padding-left: 5px;width: 180px;  position:absolute;">
 <h3><a href='#'>Tilte 1</a></h3>
 <div >
     <a href='../pags/item1.php'>Item 1</a><br />
     <a href='../pags/item2.php'>Item 2</a><br />
 </div>
</div>
<div class="accordion" style="padding-left: 190px; width: 180px;  position:absolute;">
 <h3><a href='#'>Tilte 2</a></h3>
    <div><a href='../pags/item1.php'>Item 1</a><br><br></div>
</div>