Аккордеонный скрипт не работает

Question

Как получить выпадающий аккордеон для <td class="name">@item["name"]</td>. Скрипт аккордеона ниже не распознается в коде.

<script> 
$(function() { 
    $("#accordion").accordion(); 
}); 

Таблица:

<table class="diag" style="background: url('.png');border:none"> 
    <tbody> 
      @foreach (var item in Model.project) 
      {        
       @:<tr> 
       <td class="image"> 
        <img src="@item["image"]" /> 
       </td> 
       <td class="name">@item["name"]</td> 

       <td id="accordion"> 
        <ul> 
         <li>Option 1</li> 
         <li>Option 2</li> 
        </ul> 
       </td> 

       @:</tr> 
      } 

Answer 1

Может быть, вы должны вставить один DIV или какой-то элемент с идентификатором = "гармошкой".

Jquery # selector search для элемента с id == accordion.

Таким образом, вы должны иметь:

<td class="name" id="{@item['name']}"> 
    @item["name"] 
</td> 

Кроме того, вы должны убедиться в том, чтобы вызвать функцию аккордеона после того, как таблица была создана