类别页面脚本

时间:2014-01-29 18:28:45

标签: html css

我有一个View Post页面,显示我网站上的所有帖子,但我希望有一种方法可以对它们进行分类。按主题标题或实际类别划分的天气,我只想让它们稍微分开。我几乎不知道从哪里开始。帮助

1 个答案:

答案 0 :(得分:1)

试试这个:

<强> 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