多个jquery手风琴

Question

我正在尝试制作一个水平菜单，通过并排定位创建各种菜单，但问题是我只能在最后一个菜单上看到其他菜单被禁用。 并且theres是一种方式，当页面加载时，菜单不会折叠（最小化）

$(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>

谢谢！