类别页脚本

  • 本文关键字:脚本 html css
  • 更新时间 :
  • 英文 :


我有一个查看帖子页面,该页面显示我网站上的所有帖子,但我希望有一种对它们进行分类的方法。按主题标题或实际类别进行天气,我只想将它们分开一点。我几乎不知道从哪里开始。帮助?

尝试以下:

html

<h3 class="category">Category</h3>
<div class="sub">
    <a href="#">val 1</a>
    <a href="#">val 2</a>
    <a href="#">val 3</a>
</div>

CSS

.category { font-weight:bold; margin:10px 0 0 0; }
.sub { margin-left:16px; display:none; }

jQuery

$(".category").click(function(){
    if (!$(this).next('.sub').is(':visible')) {
        $(this).next('.sub').show();
    } else {
        $(this).next(".sub").hide();   
    }
});

demo

最新更新