次のコードを取得しました。
<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 をクリックした後、すべての「display:block」を削除したいと思います。現時点では、div .inhalt が表示され、クラス .hoehe が正しく追加されています。別のリンクをクリックすると、.hoehe は正しく削除されますが、.inhalt は display:block に残ります。
ありがとう