問題: テーブルをクリックしたときにトグルしたくありません。ボタン(div)をクリックしたときのみ。また、他のliのテーブルがトグルしないように、セレクターが必要です。
jQuery
$(document).ready(function() {
$('table.edititem').hide();
$('.menu-category > li ul li .button').click(function(){
$('table.edititem', this).toggle();
});
});
私は問題があることを知っています: $('table.edititem', >>>this<<<).toggle(); テーブルが「.button」内にないためです。親を取得する必要がありますが、どうすればよいでしょうか。
HTML
<ul>
<li>
Category1
<ul>
<li>
<div>
<div class="button"></div>
<table class="edititem">
</table>
</div>
</li>
</ul>
</li>
</ul>
私の言いたいことを理解していただければ幸いです。