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与每个（）问题

回答

相关问题