Question

我在点击事件中的页脚位置有问题。我正在使用bootstrap css，我有一个可折叠元素（bootstrap中的手风琴），当崩溃时它有一个名为.accordion-toggle.collapsed的类，当他的类不是.accordion-toggle时。

好吧，当这个元素折叠时（因为它覆盖了页脚）我试图将页脚滑落，我的代码是：

<script>
$(function() { 

    var collapsed = $('.accordion-toggle.collapsed');

    $('#links').click(function(){
        if (collapsed){
            $(".footer").css({'margin-top':'320px'});
        }else{
            $(".footer").css({'margin-top':'150px'});
        } 
    });

});
</script>

问题是，当我点击可折叠元素时，页脚滑落，但当我再次点击并且没有拼写时（他的班级改为（手风琴 - 切换），页脚不会返回到他原来的位置，即：150px保证金最高。

感谢您的帮助!!!

Answer 1

已更新：将您的javascript更改为：

var collapsed;
$('#links').click(function () {
    collapsed = $('#links').hasClass('collapsed');
    if (collapsed) {
        $(".footer").css({'margin':'320px 0px 0px 0px'});
    } else {
        $(".footer").css({'margin':'150px 0px 0px 0px'});
    }
});

每次点击collapsed时，您需要为#links分配一个新值。此外，jQuery的.css()显然与margin-top存在问题，因此只需使用margin来分配值。

单击上/下的页脚

1 个答案: