javascript - 最小化按钮将每个div最小化，而不是单个

我使用了在我的博客某处找到的一小段javascript代码作为最小化按钮，但该按钮无法正常工作。博客使用不同类型的帖子的块，例如{block：Photo}。

    {block:Photo}
    <div class="PhotoPost">
    <div class="PhotoWrapper">
    <div class="Button">-</div>
    <div class="box">

    <script type="text/javascript">
    $(".Button").click(function(){
    if($(this).html() == "-"){
            $(this).html("+");
            }
    else{
            $(this).html("-");
            }
            $(".box").slideToggle();
            });
    </script>

    <img class="PhotoPostImage" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
        <!-- Some more code -->
    </div>
    </div>
    </div>
    </div>

当我单击“最小化”按钮时，它会将每个单个照片帖子最小化并最大化，使其达到有照片帖子的次数，而不是最小化按钮所在的照片帖子。

提前致谢！

最佳答案

更改

$(".box").slideToggle();

至

$(this).siblings(".box").slideToggle();

希望对你有帮助

关于javascript - 最小化按钮将每个div最小化，而不是单个，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16377867/