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