1 回答

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í)告訴我
添加回答
舉報(bào)