1 回答
TA貢獻1831條經驗 獲得超9個贊
要使其他描述消失,您需要在單擊元素時向其添加類。通過首先找到同級元素,我們可以將其排除在使用 ;然后我們可以切換該元素上的類:hidedtddhide.nothide
$('body').on('click', '.todo-item dt', function(e) {
let descr = $(this).siblings('.todo-description');
$('.todo-description').not(descr).addClass('hide');
descr.toggleClass('hide');
});
.hide {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="todo">
<div class="todo-item">
<dt class="todo-id">item #1 id</dt>
<dt class="todo-title">item #1 title</dt>
<dd class="todo-description hide">item #1 description</dd>
</div>
<div class="todo-item">
<dt class="todo-id">item #2 id</dt>
<dt class="todo-title">item #2 title</dt>
<dd class="todo-description hide">item #2 description</dd>
</div>
</div>
添加回答
舉報
