jquery - 带有 ror 和 jquery 的简单菜单

Question

我正在尝试使用 ruby​​ on rails 和 Jquery 制作一个简单的菜单。什么意思是我有超类和超类，我想当我把鼠标放在一个超类上时，我想在另一个 div 中显示属于那个超类的类别。

<p></p>
<div class="tabbable tabs-left" >
  <ul class="nav nav-tabs" id="prueba1">
    <% @super_categories.each do |sc| %>
      <li><%=sc.name%></li>
    <% end %>
  </ul>
  <div class="tabbable tabs-left">
    <ul class="nav nav-tabs" id="prueba2">
      <div class="tab-content">

      <script type="text/javascript"> 
        $("#prueba1").mouseover(
          function () {
            $(prueba2).empty();
            $(prueba2).append($("
              <% @super_categories.each do |sc| %>
               <div id = <%=sc.name.to_s%> class = "tab-pane">
                  <% sc.categories.each do |cat|%>
                    <li><%=cat.name %></li>
                  <% end %>
              <% end %>"));
            }
          );     
        </script>
        <% end %>
      </div>
    <% end %>
  </div>
</ul>
</div>

但当然它不起作用。我该怎么做？

谢谢！