ruby on rails-Jquery遍历问题

Question

我有一个包含多个实例的页面，这些实例包含以下代码：

<div class="company">
  <a class="toggle" id="<%= "tgl#{company.id}" -%>">...</a>
  <p>...other stuff...</p>
  <div class="clear"></div>
  <div class="expand_me companyExpand" id="">...

此代码显示每个"面板"的开头。当用户单击.toggle时，我需要.expand_me使用Jquery切换打开。

到目前为止，这是我的代码——它不起作用，我认为这是由于遍历问题。

$( ".toggle" ).click(function() {
  $(this).parent().children(".expand_me").toggle( "blind", {}, 500, callback );
});

我该怎么解决这个问题？

Answer 1

$( ".toggle" ).click(function() {
  $(this).siblings(".expand_me").slideToggle( 500, callback );
});

Answer 2

最安全的方法是

$( ".toggle" ).click(function() {
  $(this).closest('.company').find('.expand_me').toggle( "blind", {}, 500, callback );
  return false; // to avoid following the actual link
});

还要注意，您必须定义了一个方法callback才能使用它。（或使用所需函数的名称，而不是）
我这样说是为了防止您只是复制/粘贴jquery示例中的代码。

示例位于http://jsfiddle.net/gaby/duAue/