0

嘿伙计们，我正在与这个论坛合作，我想隐藏类别列表，当您单击 th 时，它将显示 tr 文件。这将是更多的主题讨论。

jQuery-

<script type="text/javascript"> 
$(document).ready(function() { 
$(".slidingDiv").hide(); 
$('.show_hide').click(function() { 
    $('.slidingDiv').slideToggle();
}); 
});

</script>

然后继承人我正在使用的html。

<table rules="groups" class="highlight" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
  <left>    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" style="cursor:pointer;" class="secondarytitle show_hide">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th></left>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr class="highlight">
    <!-- BEGIN inc -->
    <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
    <!-- END inc -->
    <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
                <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
    </td>
    <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr class="slidingDiv">
    <!-- BEGIN inc -->
    <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
    <!-- END inc -->
    <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>
    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
        <span class="forumlink">

它可以工作，除非我单击它显示所有 tr 文件。我希望它在单击时显示一个。现在我可以给它们贴上标签

$('#category tr').click(function(){

除了它使用 php 文件或其他东西并在有人创建新类别时自动生成，所以这是不可能的。我正在与一个网站合作创建论坛。所以我知道我可以使用 jQuery 无法访问 php 文件。有人可以帮我处理 jQuery

4

2 回答 2

1

这样的事情应该做：

$(".slidingDiv").hide(); 

$('.show_hide').click(function() { 
    $(this).closest('tr').siblings('.slidingDiv').slideToggle();
});

的使用this将允许您找到与被点击的.slideingDiv相关的适当的。.show_hide

于 2012-09-17T21:17:22.227 回答
0

"filter()" 方法也可用于针对所有 tr 进行复杂测试

您可以将过滤器函数作为参数传递...

此函数必须返回一个布尔值，它将确定是否必须过滤当前节点

$('.show_hide').click(function() { 
    $('.slidingDiv').filter(function(i,e){
        // Ex: return whether the current tr has a particular descendant 
        return (!!$(this).find('span.foo').length);
    }).slideToggle();
});
于 2012-09-17T21:38:19.400 回答