[英]Show div in off canvas sidebar when clicked on link
我有下面的代碼,當您單擊鏈接時,我試圖顯示/隱藏div。 基本上,單擊鏈接將在div中添加“活動”類,而該類又將刪除“隱藏”類並改為顯示:block。 我遇到的問題是我希望此div在畫布菜單中顯示/隱藏。 我似乎無法正常工作。
樣式:
<style>
.hide{
display:none;
}
.active{
display:block;
}
</style>
鏈接:
<ul id="items" style="float:right;">
<li>
<a href="#1" class="slideLeft">item 1</a>
</li>
<li>
<a href="#2" class="slideLeft" >item 2</a>
</li>
<li>
<a href="#3" class="slideLeft" > item 3</a>
</li>
</ul>
股利:
<div class="you padded">
<div id="1" class="hide">
<h1>First story</h1>
<p>Lorem ipsum dolor.</p>
</div>
<div id="2" class="hide">
<h1>Second story</h1>
<p>Proin at eros non eros.</p>
</div>
<div id="3" class="hide">
<h1>Third story</h1>
<p>Nunc auctor bibendum eros.</p>
</div>
腳本
$( 'li' ).on( 'click', function() {
$('#1,#2,#3').removeClass( 'active' ).eq( $(this).index() ).addClass( 'active' );
});
這是實際頁面的鏈接:
$( 'li a' ).on( 'click', function() {
$('#1,#2,#3').removeClass( 'active' ).eq( $(this).parent().index() ).addClass( 'active' );
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.