我得到以下代码:
<table>
<tr>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
</tr>
<tr>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
</tr>
<tr>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
<td>CONTENT<li>CONTENT><a id="click"></a><div class="inhalt"></div></li></td>
</tr>
</table>
和以下js:
(function ($) {
$('li #click').click(function() {
$(this).closest('tr').toggleClass('hoehe').siblings().removeClass('hoehe');
$(this).next('.inhalt').toggle(400);
return false;
});
}(jQuery));
现在我想在其他地方单击另一个 div 后删除所有“显示:块”。目前显示 div .inhalt 并且正确添加了类 .hoehe。如果我单击另一个链接,.hoehe 会被正确删除,但 .inhalt 会保留在 display:block 中。
谢谢