Show/Hide tab using Jquery CSS
Hi Friends,I have done jquery css show/hide tab but i am facing one problem to reselect based on user button click action.Cancel means need to do tab selection Home and search means need to do selection Serach tab.
<script type="text/javascript">
$(document).ready(function () {
$("ul#tabs li").click(function (e) {
if (!$(this).hasClass("active")) {
$("ul#tabs li.active").removeClass("active");
$(this).addClass("active");
}
});
});
<div id="divMenuTab">
<ul id="tabs">
<li class="active"><a href="javascript:;" id="aTabDocuments" > <span></span>Home</a></li>
<li><a href="javascript:;" id="aTabSearch"><span></span>Search</a></li>
</ul>
</div>
<div id="divSearchTab">
<input type="button" value="Cancel" id="btnSearchCancel" name="btnSearchCancel" class="btnPrimary" style="width: 60px;" onclick="return ShowHideTab('Cancel');"/>
<input type="submit" class="btnPrimary" value="Search" id="btnSearch" name="btnSearch" onclick="return ShowHideTab('sEARCH');"/>
</div>
Thanks,
Krishna.K