php - 仅在单击帖子时显示按钮

Question

我正在创建一个 wordpress 主题。 我有一个带有一些社交网络按钮的盒子。 这个带有按钮的框只应在您单击帖子时出现在文章下方。

在我的 index.php 中有以下内容

<div class="left-column">
            <?php if (have_posts()) :
            while(have_posts()): the_post(); ?>

            <article class="post">
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                <p class="info author-info centered">by <a class="info" href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>"> <?php the_author(); ?></a> 
                <p><?php the_time('F d, Y'); ?></p>
                </p>
                <?php the_content('MORE'); ?>

            </article>

            <?php

                endwhile; 

                else:
                    echo '<p>No content found</p>';

                endif; 

            ?>
            <!-- Widget underneath post -->
            <div class="undereath-post">
                <?php dynamic_sidebar('underpost1');?>
                <!-- Social buttons -->
                <div class="social-button-box">
(Here would go the code for all the social media buttons)
</div>

对于第一个帖子，社交图标框仅在我单击该帖子时显示。 然而，在上一篇文章中，我还可以在主页“更多”按钮下方看到社交媒体图标。

有谁知道这是为什么以及我该如何解决？

Answer 1

使用一些 jquery 并做这样的事情

$(".social-button-box").hide();    
$(".post").click(function(){
    $(this).each(".social-button-box", function(){$(this).show();});

    });