Javascript Wordpress post幻灯片切换到每个（）问题

我觉得我一直在努力让它工作，问题是我对javascript和jQuery都不太熟悉。 我的猜测是，这就像只添加一行一样简单，因为我几乎让它工作了

我有一个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>

---

试试：
$（'[datacontainer*='+cid+']）
似乎是一个开始，尽管它只显示其中一个的内容，打开后立即关闭。我还添加了：var-cid=$（'.toggleContainer'）.data（'container'）；而不是var cid=$（this）.data（'container'）；
<a href="<?php the_permalink(); ?>" class="show_hide" data-id="<?php the_id(); ?>">