드롭다운 탭
1541 단어 tab
.has_children{
background:#555;
color:#FF0000;
cursor:pointer;
}
div{
padding:0;
margin:0px 0;
}
div a{
background:#888;
display:none;
float:left;
width:300px;
}
.highlight{
color:#FF00FF;
background:#cccccc;
}
$(".has_children").click(function(){
$(this).addClass("highlight")
.children("a").show().end()
.siblings().removeClass("highlight")
.children("a").hide();
})
<div id="menu">
<div id="content" class="has_children">
<span> </span>
<a> 11</a>
<a> 12</a>
<a> 13</a>
<a> 14</a>
<a> 15</a>
</div>
<div id="content" class="has_children">
<span> 2 </span>
<a> 21</a>
<a> 22</a>
<a> 23</a>
<a> 24</a>
<a> 25</a>
</div>
<div id="content" class="has_children">
<span> 3 </span>
<a> 31</a>
<a> 32</a>
<a> 33</a>
<a> 34</a>
<a> 35</a>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vuetab 전환, echartst 도표 폭이 100px에 불과한 문제 해결해결 사고방식: 도표의 넓이를 직접적으로 죽이고 실제 코드에 따라 개작하여 하나의 사고방식을 제공한다. 보충 지식: vue 프로젝트tab 전환 echart 도표 전환 폭 축소 및 도표 내용 부정확한 해결 폭 축소 문...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.