Jquery隐藏/显示混乱

大家好，我又一次遇到了脚本问题。我正在post中为我的成员配置文件数据执行jQuery显示/隐藏。请访问以了解我在说什么，我将保留代码，以便您可以看到它在做什么

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

代码是-

<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>

$（文档）.ready（函数（）{
$（“.slidingDiv”）.hide（）；
$（“.show_hide”）.show（）；
$（'.show_hide'）。单击（函数（）{
$（“.slidingDiv”）.slideToggle（）；
});
});

然后是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>

显示/隐藏
{postrow.displated.profile_field.LABEL}
{postrow.displated.profile_field.CONTENT}
{postrow.displated.profile_field.SEPARATOR}
{postrow.displated.profile_field.LABEL}
在线状态

{postrow.displated.ONLINE\u IMG}
{postrow.displated.POSTER_RPG}




{postrow.displated.PROFILE_IMG}{postrow.displated.PM_IMG}
{postrow.displated.EMAIL\u IMG}{postrow.displated.contact\u field.CONTENT}
隐藏

有人能帮我找出另一个选择器，使它不会一次全部打开吗？

试试这个：

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

请注意，您可能应该将概要文件末尾的“hide”链接的类更改为其他类（例如justhide），以便您可以更轻松地使用jQuery将其作为隐藏概要文件的目标

还有一件事，

标签很久以前就被弃用了。使用CSS来代替居中

---

哈哈，这是不受欢迎的哇，显示了我编程已经有多久了。我从12岁开始，那时html有一半不推荐的元素。在这些语言被创造出一半之前。我会试试看，让你知道谢谢汉克斯，伙计，它很管用。我想投票，但不能。你能解释一下它是如何工作得如此出色的吗？是$（this）。下一步是什么创建了它以一次打开一个？是的，这指的是被单击的元素，因此其他代码相对于该特定元素，而不是具有特定类的所有元素。好的，再次感谢您。现在我还有一个问题，我正试图为导航制作一个ul列表，它将打开“窗口”。问题是这不能满足我的需要。因为我相信，当我让li拥有class=“show\u hide”并关闭ul时，它基本上就坏了。有什么建议吗？对不起，根据你的评论，我不确定这个问题是什么。如果这是一个单独的问题，您可能想在这里开始一个新问题。