引导句柄折叠事件

Question

我使用了来自 themeforest 的模板 boostrap，它们真的很棒，但问题是 bootstrap 很难使用。

在左侧菜单中，它分为一些可折叠的ul 和许多li。请帮我在组 ul 折叠或展开时捕捉“事件”。

<ul class="nav nav-pills nav-stacked" style="margin-top:-15px;" >
    <li class="parent active">
        <a href="#">
            <i class="fa fa-home"></i>
            <span>Tiêu chí tìm kiếm</span>
        </a>
        <ul class="children">
            <li>
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Chọn ngày theo dõi từ" id="datepickerFrom">
                    <span class="input-group-addon">
                        <i class="glyphicon glyphicon-calendar"></i>
                    </span>
                </div><!-- input-group -->              
            </li>
            <li>
                <div class="input-group">
                     <input type="text" class="form-control" placeholder="Chọn ngày theo dõi đến" id="datepickerTo">
                     <span class="input-group-addon">
                         <i class="glyphicon glyphicon-calendar"></i>
                     </span>
                </div><!-- input-group -->              
            </li>
        </ul>
    </li>
</ul>

在这个例子中，“Tiêu chí tìm kiếm”是当用户点击该行以折叠其子 li 时我想要处理的。

Answer 1

我建议您简单地使用手风琴进行引导。

在谷歌上你会得到this。

这很容易理解和实现。