0

我很难为我正在处理的一个手风琴风格的小菜单编写一个活动状态。我有悬停过渡，单击时菜单将保持打开状态，但是，在用户单击并将鼠标移出菜单后，我失去了样式。

我希望样式保持不变，直到单击下一个项目，依此类推。

我在这里工作的例子：http: //codepen.io/Sektion66/pen/dviJG

谢谢！

4

2 回答 2

0

单击标题时，您可以使用toggleClass给它一个类。然后，您只需使用一些 CSS，就像您已经在做的那样。您无需在悬停时进行样式设置，而是在单击时设置样式。

$(document).ready(function() {
    $("ul.dd-header").click(function() {
        var $el = $(this).find('ul.hidden');
        var $opened = $('.toggledDown').not($el);
        $opened.toggleClass('toggledDown');
        $opened.slideToggle();
        $el.toggleClass('toggledDown');
        $el.slideToggle();
        $(this).toggleClass('toggleHeader');
    });
});

CSS：

.toggleHeader{
    border-left: 10px solid @blue;
    background-color: #000;

}
于 2013-04-16T02:46:30.667 回答
0

基本上，您想要切换定义元素上选定元素的类。 

$('dd-main').click(function () { $('.selected').removeClass('selected'); $(this).addClass('selected'); } );

这将从任何其他选定元素中删除样式，然后将类添加到单击的新元素

于 2013-04-16T02:54:37.810 回答