WordPress的帖子slideToggle與每個（）問題

我覺得我一直在試圖讓所有這些工作，問題是，我不熟悉JavaScript或jQuery。我的猜測是，只需添加一行就可以了，因爲我幾乎可以開始工作。WordPress的帖子slideToggle與每個（）問題

我有一個Wordpress博客，它發佈了大量的帖子，我向他們中的每個人都添加了唯一的ID，我能夠解決這個問題是它無法與slideToggle一起顯示內容。

<script type="text/javascript">//<![CDATA[ 
    $(window).load(function(){ 
     $(document).ready(function() { 

      $(".toggleContainer").hide(); 

      $('.show_hide').click(function() { 
       event.preventDefault(); 
       var pid = $(this).data('id'); 
       var cid = $(this).data('container'); 

       $(pid).add(cid).each(function() { 
        $(cid).slideToggle(1000); 
       }); 

      }); 

     }); 
    });//]]> 
</script>

再就是容器：

<div class="toggleContainer" data-container="<?php the_id(); ?>"> 
    <?php do_action('woocommerce_before_single_product_summary'); ?> 
</div>

與肘：

<a href="<?php the_permalink(); ?>" class="show_hide" data-id="<?php the_id(); ?>">

如果我對他們每個人的使用提醒它顯示了正確的ID，但它不會當我想切換內容時工作。

來源

2014-04-14 mStreet

嘗試：$('[data-container*='+cid+']').slideToggle(1000);

來源

2014-04-14 09:29:42 jbyrne2007

似乎是一個開始，但它只能顯示其中的一個內容，它打開後後立即關閉。我還補充說： var cid = $（'。toggleContainer'）。data（'container'）; 而不是 var cid = $（this）.data（'container'）; – mStreet

WordPress的帖子slideToggle與每個（）問題

回答

相關問題