0

大家好，我又遇到了脚本问题。我正在为帖子中的成员个人资料数据进行 jQuery 显示/隐藏。请访问http://www.pimpkings.com/t3-what-up-everyone看看我在说什么，我将代码留在上面，这样你就可以看到它在做什么。

每次我点击一个人显示/隐藏它会打开每个人，我只希望它在用户请求时打开 1 个人。

代码是-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").hide();
 $(".show_hide").show();
    $('.show_hide').click(function(){

$(".slidingDiv").slideToggle();

});

});
</script>

那么html编码就是

<span class="show_hide" style="cursor:pointer;color:#c0c0c0;">Show/hide</span>
<div class="slidingDiv">
                              <!-- BEGIN profile_field -->
                            <center>    {postrow.displayed.profile_field.LABEL} <center/>
                            <center>  {postrow.displayed.profile_field.CONTENT} <center/>
                            <center>  {postrow.displayed.profile_field.SEPARATOR}<center/>
                            <!-- END profile_field -->
                            <center>{postrow.displayed.profile_field.LABEL}<center/>
                            <center>Online Status<center/><br/>
                            <center>{postrow.displayed.ONLINE_IMG}<center/>
                                        {postrow.displayed.POSTER_RPG} <br />

                            <!-- BEGIN contact_field -->
                             <br/> <br/>
                            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}  
                            {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}
                            <!-- END contact_field -->
                              <span class="show_hide" style="cursor:pointer;color:#c0c0c0;">hide</span></div>
                            </span>

任何人都可以帮助找出另一个选择器，这样它就不会一次全部打开吗？

4

1 回答 1

0

尝试这个：

$(document).ready(function() {
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function() {
        $(this).next(".slidingDiv").slideToggle();
    });
});​

请注意，您可能应该将配置文件末尾的“隐藏”链接的类更改为其他内容（例如，只是隐藏），以便您可以更轻松地使用 jQuery 定位它来隐藏配置文件。

哦，还有一件事，这个<center>标签很久以前就被弃用了。改为使用 CSS 居中。

jsFiddle 示例

于 2012-09-08T16:50:21.710 回答