Question

我正在尝试为我网站的每个成员创建一个滑动面板，其中显示了一些信息。我在显示面板时没有问题，但是当我点击其中一个面板打开时。它可能是类标记的错误，因为它们呈现时它们具有相同的类。如何为专家组提供独特的课程？或者我可以解决这个问题吗？

我的代码是

$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});'

'<?php if ( bp_has_members( "search_terms={$_POST['category']}")) : ?>
<?php while ( bp_members() ) : bp_the_member(); ?>

<div class="flip">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>

<?php endwhile; ?>
<?php endif; ?>

Answer 1

您可以使用jQuery find方法。您希望将两个div包装在父div中，然后使用您点击的parent课程中的flip方法。

$(document).ready(function(){
    $(".flip").click(function(){
        $(this).parent().find(".panel").slideToggle("slow");
    });
});'

'<?php if ( bp_has_members( "search_terms={$_POST['category']}")) : ?>
<?php while ( bp_members() ) : bp_the_member(); ?>

<div class="memberInfo">
    <div class="flip">Click to slide the panel down or up</div>
    <div class="panel">Hello world!</div>
</div>

<?php endwhile; ?>
<?php endif; ?>

那将：

获取所点击的flip元素的父级。
在其中找到panel课程
在其上执行slideToggle

Loop中的滑动面板，一起打开

1 个答案: