(joomla)responsiv菜单按钮更改不是类名

时间:2015-04-24 04:13:12

标签: javascript jquery html css joomla

有人知道为什么这个按钮在 “(nav class =”sidebar-collapse“)” 不值得在那里“切换”?

所以最后它看起来像 “(nav class =”sidebar-collapse toggled“)”。

编辑:左边是一个垂直菜单,菜单上方是一个按钮,当你点击按钮时,菜单会折入和折出。

按钮

<button type="button" id="menu-toggle" class="toggler"></button>

侧栏:

<nav id="sidebar" class="sidebar-collapse">
<div class="side-widgets overflow">
    <!-- Profile Menu -->
    <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
        <jdoc:include type="modules" name="user1" style="xhtml" />
    </div>
    <div class="s-widget m-b-25">
        <jdoc:include type="modules" name="user2" style="xhtml" />
    </div>
    <!-- User 2 -->
    <div class="s-widget m-b-25">
        <jdoc:include type="modules" name="user3" style="xhtml" />
    </div>
    <!-- User 3 -->
    <div class="s-widget m-b-25">
        <jdoc:include type="modules" name="user4" style="xhtml"/>
    </div>
</div>
<jdoc:include type="modules" name="menu" />

只是想知道为什么代码还没有用。

当我点击按钮时,div的类要改变。

和jquery不起作用

    $(document).ready(function(){

        $(".toggler").click(function(){

            $(".sidebar-collapse").toggleClass("toggled");

        });

    });

0 个答案:

没有答案