每個div使用jQuery

Question

我有4個餐廳時間，我想分別查看其每個營業時間。 現在，如果我單擊“開放時間”鏈接，則所有4個div都將受到此影響。 如何確保如果我單擊一家餐廳的營業時間鏈接，則僅顯示該餐廳的時間​​安排。

因此，如果您點擊第一部分的“今日開放”鏈接，則僅應顯示/隱藏該餐廳的時間​​安排–開發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/

Answer 1

每個部分由travelRow分隔。 您可以找到封裝所有相關元素的父行，然后找到應設置動畫的嵌套oh包裝。

編輯：也不必顯式地編寫一個each。 click將對元素進行每個操作，作為其操作的一部分。

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