0

我在点击事件中的页脚位置有问题。我正在使用 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 边距最佳。

谢谢您的帮助！！！

4

1 回答 1

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来分配值。

于 2013-09-14T19:29:22.010 回答