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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用 css 和 html 在單擊垂直側(cè)邊欄菜單時(shí)顯示子列表?

如何使用 css 和 html 在單擊垂直側(cè)邊欄菜單時(shí)顯示子列表?

躍然一笑 2021-11-25 15:46:58
我有一個(gè)側(cè)邊欄,其中有 href 并且單擊特定的 href 時(shí),我想顯示數(shù)據(jù)列表。我已經(jīng)使用帶有 html 的 css 來(lái)獲得所需的結(jié)果,但是當(dāng)我單擊 href 時(shí),我只想將按鈕附加到該 href 上,但它將按鈕附加到側(cè)欄的底部。<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script><div class="sidenav"><a href="#" onclick="javascript:myFunc()">col1</a><a href="#">col2</a><script> function myFunc() {var $container = $("#container");var $sidebar = $("#sidebar");var button = $('<button />');var item= 'abc';button.text(item);$sidebar.append(button);var data='cde';var button = $('<button />');button.text(data);$sidebar.append(button);}</script></div><div id="container">    <div id="sidebar">    </div></div>這是我嘗試過(guò)的鏈接 - https://jsfiddle.net/gaurav10022/exrLaz14/1/ 我希望在 col1 而不是 col2 之后附加按鈕,并且當(dāng)我再次單擊 col1 時(shí),它會(huì)切換。
查看完整描述

1 回答

?
幕布斯6054654

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊

我不確定您在看什么,但是,您可以嘗試使用以下方法。只需在頁(yè)面加載期間隱藏 div 并根據(jù)點(diǎn)擊事件顯示和隱藏。


function myFunc() {

  var $container = $("#container");

  var $sidebar = $("#sidebar");

  if($sidebar.children().length <= 0) {

    var button = $('<button />');

    var item= 'abc';

    button.text(item);

    $sidebar.append(button);


    var data='cde';

    var button = $('<button />');

    button.text(data);

    $sidebar.append(button);


    $('#col1').append($container);

  } else {

    $sidebar.html('');

  }

  

}

.sidenav {

  width: 100px;

  position: relative;

  z-index: 1;

  top: 101;

  left: 201;

  background: #FFF;

  overflow-x: hidden;

  padding: 8px 0;

}

.sidenav a {

  padding: 6px 8px 6px 16px;

  text-decoration: none;

  font-size: 25px;

  color: #818181;

  display: block;

}

.sidenav a:hover {

  color: #064579;

}

button {

   display: block;

   cursor: pointer; 

   background-color: #FFF;

 }

<script 

src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 

</script>


<div class="sidenav">

<a href="#" onclick="myFunc()" id= "col1">col1</a>

<a href="#">col2</a>

</div>


<div id="container" style="dsiplay: none">

    <div id="sidebar">

    </div>

</div>


如果您有任何進(jìn)一步的疑問(wèn),請(qǐng)隨時(shí)告訴我


查看完整回答
反對(duì) 回復(fù) 2021-11-25
  • 1 回答
  • 0 關(guān)注
  • 241 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)