每个div使用jQuery

时间:2018-05-15 17:38:36

标签: javascript jquery drupal

我有4个餐厅时间,我想分别看每个开放时间。现在,如果我点击开放时间链接,所有4个div都会受到影响。如果我点击一家餐馆的营业时间链接,我怎么能确保只显示该餐厅的时间​​。

因此,如果您点击第一部分中的今天打开链接,则只显示/隐藏该餐厅的时间​​ - 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'
          });
       });
     }); 
   });

http://jsfiddle.net/jpv4o93n/

1 个答案:

答案 0 :(得分:1)

每个部分都由travelRow隔离。您可以找到封装所有相关元素的父行程行,然后找到应该设置动画的嵌套哦包装器。

编辑:也没有必要明确地写一个。作为其操作的一部分,click将对元素执行每个操作。

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