第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

嘗試切換 dd 元素的可見性

嘗試切換 dd 元素的可見性

慕哥9229398 2022-09-29 17:39:21
我正在嘗試切換 dd 元素的可見性。例如,如果我單擊一個 dt,它將顯示 dd。然后,如果單擊下一個 dt,則應隱藏最后一個 dd,并顯示當前 dd?,F(xiàn)在,我必須單擊相同的dt來顯示和隱藏它。這是代碼的一部分:<template id="todo">    <div class="todo-item">        <dt class="todo-id"></dt>        <dt  class="todo-title"></dt>        <dd class="todo-description hide"></dd>    </div></template>這是處理它的偵聽器: $('body').on('click', '.todo-item dt', function (e) {    $(this).siblings().closest('.todo-description').toggleClass('hide');     });
查看完整描述

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>


查看完整回答
反對 回復 2022-09-29
  • 1 回答
  • 0 關注
  • 99 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號