Bootstrap句柄崩溃事件

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>

在这个例子中，当用户点击此行以折叠其子li时，我想要处理“Tiêuchítìmkiếm”。

Answer 1

我建议你只使用手风琴进行自举。

在Google上，您将获得this。

很容易理解和实现它。