欢迎登录

主题修改---标签与友链--点击显示与隐藏

:2018-09-20    :202 次   :1175 字   

js代码:

<script type="text/javascript">
$(document).ready(function(){
 $("#tagsbtn").click(function(){
 $(".Tagshow").toggle();
 });
 $("#linkbtn").click(function(){
 $(".Linkshow").toggle();
 });
});
</script>

html应用:


<div id="tagsbtn" ><p>标签</p></diV>
<div id="linkbtn" ><p>友链</p></div>
<div class="Tagshow"><div id="divSidebar">{template:sidebar}</div></div>
<div class="Linkshow"><div id="divSidebar">{template:sidebar4}</div></div>

完整的小例子:

<html>
<head>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.12.4/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(".btn1").click(function(){
 $("p").toggle();
 });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>
    暂无评论,快来抢沙发吧!
×