0
我想隱藏所有未激活的div。但是當我重新加載所有標籤內容時,以下是面臨問題的用戶界面截圖。根據所選內容顯示和隱藏div
下面是代碼。
$('.tab a').on('click', function (e) {
e.preventDefault();
$(this).parent().addClass('active');
$(this).parent().siblings().removeClass('active');
target = $(this).attr('href');
$('.tab-content > div').not(target).hide();
$(target).fadeIn(600);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form animated fadeInDown ">
<ul class="tab-group">
\t \t <li class="tab active"><a href="#roles">Roles</a></li>
<li class="tab "><a href="#user">User</a></li>
\t \t <li class="tab "><a href="#portfolio">Portfolio</a></li>
\t \t <li class="tab "><a href="#programs">Programs</a></li>
\t \t <li class="tab "><a href="#projects">Projects</a></li>
\t \t <li class="tab "><a href="#phases">Phases</a></li>
\t \t <li class="tab "><a href="#tasks">Tasks</a></li>
</ul>
<div class="tab-content">
<div id="roles" >
<h1> Roles coming soon</h1>
</div>
\t \t
\t \t <div id="user">
<h1>Users added soon</h1>
</div>
\t \t
\t \t <div id="portfolio">
<h1>Portfolio added soon</h1>
</div>
\t \t
\t \t <div id="programs">
<h1>Programs added soon</h1>
</div>
\t \t
\t \t <div id="projects">
<h1>Projects added soon</h1>
</div>
\t \t
\t \t <div id="phases">
<h1>Phases added soon</h1>
</div>
\t \t
\t \t <div id="tasks">
<h1>Tasks added soon</h1>
</div>
\t \t
\t \t
</div>
</div>
我試着儘可能,但不能得到這件事情吧。非常感謝幫助。
我想表明的角色默認的內容。我該如何實現這一目標。 – Jeeva
@Jeeva我已經更新了代碼,請檢查它。應用風格=「顯示:阻止」角色內容。 –
對不起,我沒有看到。使用上述jQuery本身來實現這一點的任何可能性? – Jeeva