在切换的同时添加活动类?

时间:2014-02-05 16:18:54

标签: css toggle

我有以下内容将面板向上滑动,但是,我需要一个活动的类同时添加到页脚 - 按钮,我已经尝试了下面的两个单独的功能,但没有运气。

活跃的单独工作正常,只是不在一起。我不确定我做错了什么......

$(".footer--button a.control").click(function () {
   $("footer.hidden").slideToggle("fast");
 });

$('.footer--button a.control').on('click', function(){
       $(this).toggleClass('active');
   });

感谢您的关注。

2 个答案:

答案 0 :(得分:0)

如果您想要footer--button上的课程,那么您可以像这样使用closest()

$(".footer--button a.control").click(function () {
   $("footer.hidden").slideToggle("fast");
   $(this).closest('.footer--button').toggleClass('active');
});

请注意,这可能会根据您的HTML

进行更改

答案 1 :(得分:0)

谢谢你,我也想出了另一种方式..

    $(".footer--button a.control").click(function () {
    $("footer.hidden").slideToggle("fast");
    $(this).toggleClass('active');
 });

将其添加到a.control链接。

我可能会用你的。