私はいくつかの調査を行いましたが、何も機能していないようです。これは、HTML の後に、私がまとめている JavaScript が続きます。私がやろうとしているのは、dashboard_gear_options がクリックされるたびに、適切な非表示のオプション行を切り替えるように設定することです。コードの各ブロックは、ページ上のさまざまな場所に複数回存在します。this、find、parent、next、children を使用してみましたが、役に立ちませんでした。
HTML:
// start block
<div class="content_block_holder">
<div class="content_top">
<div class="dashboard_gear_options"></div>
<div class="dashboard_gear_divider"></div>
</div>
<div class="dashboard_holder">
<div class="hidden_options_row"></div>
</div>
</div>
// end block
// start block
<div class="content_block_holder">
<div class="content_top">
<div class="dashboard_gear_options"></div>
<div class="dashboard_gear_divider"></div>
</div>
<div class="dashboard_holder">
<div class="hidden_options_row"></div>
</div>
</div>
// end block (etc..)
JS:
$(document).ready(function(){
$('.dashboard_gear_options').click(function(){
$(this).parent('.content_block_holder').find('.hidden_options_row').toggle();
});
});