Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按下辅助按钮时,关闭按钮上的活动状态_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 按下辅助按钮时,关闭按钮上的活动状态

Javascript 按下辅助按钮时,关闭按钮上的活动状态,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在关闭页脚按钮的活动状态时遇到问题。单击“页脚”时,它将滑动一个隐藏的div,将修复div向上推,并将单词footer更改为关闭,其活动状态为背景色。单击“关闭”后,div将向下滑动,文字将变回页脚,活动状态将隐藏 问题 单击菜单按钮时,它不会更改页脚按钮的活动状态。div将向下滑动,但文字不会从靠近页脚的位置更改,背景色也不会更改 JS $('#more').click(function () { var open = $('header').is('.open'); $('

我在关闭页脚按钮的活动状态时遇到问题。单击“页脚”时,它将滑动一个隐藏的div,将修复div向上推,并将单词footer更改为关闭,其活动状态为背景色。单击“关闭”后,div将向下滑动,文字将变回页脚,活动状态将隐藏

问题

单击菜单按钮时,它不会更改页脚按钮的活动状态。div将向下滑动,但文字不会从靠近页脚的位置更改,背景色也不会更改

JS

$('#more').click(function () {
    var open = $('header').is('.open');
    $('#footerPanel')['slide' + (open ? 'Up' : 'Down')](400);
    $('header').animate({
        bottom: (open ? '-' : '+') + '=120'
    }, 400, function () {
        $('header').toggleClass('open');
    });                 
});
$('#menu').click(function () {
    if ($('header').is('.open')) {
        $('header').removeClass('open').animate({'bottom': "-=120"});
        $('#footerPanel').slideUp(400);
    }
});
$('.footerButton').click(function(){
    var $this = $(this);
    $this.toggleClass('footerButton');
    if($this.hasClass('footerButton')){
        $this.text('Footer');           
    } 
    else 
    {
        $this.text('Close');
    }
    $(this).toggleClass('activetoggle');
});
我的。
如何解决此问题?

单击菜单按钮时,我添加了以下函数作为
动画
函数的回调。它将检查页脚按钮是否处于活动状态,如果处于活动状态,它将相应地更新,否则它将保持活动状态

function () {
    var $footer = $('.activetoggle');

    if ($footer.length)
        $footer
            .toggleClass('activetoggle footerButton')
            .text('Footer');
}

我觉得这看起来很熟悉。:)是的,哈哈,还有一个问题@Neil Kistner谢谢你上次的帮助