SlideToggle не работает в моем приложении MVC

Question

Мой код работал, теперь его нет. Ничего не происходит, когда я нажимаю абзац. Я знаю, что он входит в скрипт.

Это мой сценарий:

<script> 
    function showhide(element_id) { 
     $(element_id).slideToggle(); 
    }; 
</script> 

Edit: Это моя обработанная разметка. Это создает дивы, которые должны развернуть/свернуть, когда я нажимаю пункт:

<div class="tab-content"> 

    <div id="tab1" class="tab active">    

      <div class="relation-link"> 
       <p class="expand-one" onclick="showhide('dep-rtgdep-rtg')" onmouseover="" style="cursor: pointer;">dep-rtg</p> 
       <table id=dep-rtgdep-rtg class="content-one" cellpadding="5" cellspacing="5" width="100%"> 
        <tr> 
         <td>Fr&#229;n sektion:</td> 
         <td class="rightcell">dep-rtg</td> 
        </tr> 
        <tr> 
         <td>Till sektion:</td> 
         <td class="rightcell">dep-rtg</td> 
        </tr> 
        <tr> 
         <td>Bara till samma programkod:</td> 
         <td class="rightcell">True</td> 
        </tr> 
       </table> 
      </div>    
      } 

Я не вставить CSS, так как он не был изменен, так как она работала. Помощь была бы оценена

Answer 1

Попробуйте: -

<script> 
    function showhide(element_id) { 
     $('#' + element_id).slideToggle(); // use '#' id selector 
    }; 
</script>