несколько аккордеон JQuery

Question

Я пытаюсь создать горизонтальное меню, создавая различные меню, располагая их рядом, но проблема в том, что я могу щелкнуть только по последнему меню, кажется, что другие меню отключены. И есть способ, которым при загрузке страницы меню не свернуты (свернуты)

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

спасибо !!