Javascript rails应用程序中的.slideToggle（）不工作

我正在尝试向我的rails应用程序添加一些javascript。我试图做一些类似于twitter处理用户推文中youtube链接的方式，当用户点击推文/视频时，推文会展开以显示视频

以下是我到目前为止的情况：

assets/javascripts/tracks.js

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show(); //not sure if needed

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });
});

每个曲目的列表

视图/轨迹/_track.html.erb

<li>
  <a href="#" class="show_hide"> <%= track.content %> </a>
  <div class="slidingDiv">
    <%= raw(youtube_embed(track.content)) %>
  </div>
</li>

i吐出的框架：

%Q{<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/#{ youtube_id }" frameborder="0" allowfullscreen></iframe>}

---

我做错了什么？如果有更好的方法，我也很乐意听到，谢谢。

这在这里起作用：-我只做了一些小改动，所以可能是您页面上的其他内容导致了问题。您是对的，先生，JSFIDLE正是我想要的。然而，我似乎无法在我的rails应用程序中运行它…嗯，您的浏览器控制台中有任何错误吗？页面上还包括哪些脚本？您是对的，显然是ruby中的注释导致了错误。快速问题：假设我有一个所有曲目的索引-但是每个曲目都有.slidingDiv类，我如何在javascript中使用this关键字来只让我单击的曲目展开，而不是所有曲目展开，因为它们有.slidingDiv类。谢谢你的帮助，乔！我想我明白了：$this.next.slidingDiv.slideToggle；似乎在为我工作。。。

%Q{<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/#{ youtube_id }" frameborder="0" allowfullscreen></iframe>}