<div class="subnav">
    <ul class="nav nav-pills filter">
        <li class="accordion-group">
            <div class="accordion-heading">
                <a href="#collapse-status" data-toggle="collapse" data-parent=".filters" class="accordion-toggle"><%= t(:status) %> <b class="web-symbol"></b></a>
            </div>
        </li>
        <li class="accordion-group">
            <div class="accordion-heading">
                <a href="#collapse-category" data-toggle="collapse" data-parent=".filters" class="accordion-toggle"><%= t(:category) %> <b class="web-symbol"></b></a>
            </div>
        </li>
        <li class="accordion-group">
            <div class="accordion-heading">
                <a href="#collapse-tags" data-toggle="collapse" data-parent=".filters" class="accordion-toggle"><%= t(:tags) %> <b class="web-symbol"></b></a>
            </div>
        </li>
    </ul>
    <div class="filters">
        <div class="accordion-body collapse" id="collapse-status">
            <div class="accordion-inner" data-toggle="buttons-checkbox">
                <a href="#" class="btn">Category1</a>
                <a href="#" class="btn">Category2</a>
            </div>
            <div class="filter-clear">
                <a href="#" class="btn"><i class="icons-brush-large"></i>Clear/重置</a>
            </div>
        </div>
        <div class="accordion-body collapse" id="collapse-category">
            <div class="accordion-inner" data-toggle="buttons-checkbox">
                <a href="#" class="btn">Category1</a>
                <a href="#" class="btn">Category2</a>
            </div>
            <div class="filter-clear">
                <a href="#" class="btn"><i class="icons-brush-large"></i>Clear/重置</a>
            </div>
        </div>
        <div class="accordion-body collapse" id="collapse-tags">
            <div class="accordion-inner" data-toggle="buttons-checkbox">
                <a href="#" class="btn">Tag1</a>
                <a href="#" class="btn">Tag2</a>
                <a href="#" class="btn">Tag3</a>
                <a href="#" class="btn">Tag4</a>
                <a href="#" class="btn">Tag5</a>
                <a href="#" class="btn">Tag6</a>
                <a href="#" class="btn">Tag7</a>
                <a href="#" class="btn">Tag8</a>
                <a href="#" class="btn">Tag9</a>
                <a href="#" class="btn">Tag10</a>
            </div>
            <div class="filter-clear">
                <a href="#" class="btn"><i class="icons-brush-large"></i>Clear/重置</a>
            </div>
        </div>
    </div>
</div>