Javascript 每个div使用jQuery

我有4家餐厅的时间安排，我想看看他们各自的营业时间。现在，如果我点击开放时间链接，所有4个部门都会受到影响。我如何确保如果我点击一家餐厅的营业时间链接，只显示该餐厅的营业时间

因此，如果您单击第一部分中的“今日开放”链接，则只应显示/隐藏该餐厅的时间安排–Dev B 1分钟前编辑
我不能分配单个div。div是通过php wordpress模板自己创建的

这是到目前为止的小提琴

     jQuery(document).ready(function($) {
        $('.oh-current-open').each(function(index){
          $(this).click(function() {
            $('.oh-wrapper').animate({
               'height': 'toggle'
          });
       });
     }); 
   });

---

每个区段由一个travelRow分隔。您可以找到封装所有相关元素的父旅行行，然后找到应设置动画的嵌套oh包装

编辑：也不需要显式地编写each<代码>单击将在元素上执行每个操作，作为其操作的一部分

 jQuery(document).ready(function($) {
   $('.oh-current-open').click(function() {
     $(this).closest('.travelRow').find('.oh-wrapper').animate({
       'height': 'toggle'
     });
   });
 });

---

如果没有任何相关的标记，很难说清楚，但是作为一个全局选择器是一个很难理解的代码。JSFIDLE只是列中的一堆伪文本。js代码、

oh current open

div等等在哪里？你能在这里也添加一个HTML片段，这样我们就可以检查，你的fiddle链接代表了其他东西。你需要为每个div添加一个唯一的id，然后显示它。效果很好。谢谢lot@Taplar，

$（this）.最近的（'.travelRow'）.find（'.oh wrapper'）

看起来完全相同

$（this）.next（）

。没有？这看起来是真的，但是这种方法比最近的查找路线更脆弱。如果这些孩子的立场发生变化，或者有所不同，那么下一个逻辑就会断裂。但是，是的，如果他们想这样做，他们也可以使用next@班扎伊