Question

我已将jQuery应用于固定定位div，因此

jQuery(document).ready(function(){
    jQuery(".buttontab a").click(function(){

        jQuery(".buttontab a.active").removeClass("active");
        jQuery(this).addClass("active").blur();
        jQuery(jQuery(this).attr("href")).slideToggle(1000);
        return false;
});
});

如果主div没有固定在底部，它将没有问题，但堆叠在固定位置jQuery正在工作，好像两个按钮都被调用。以下是您可以正确理解的演示。

demo

如何在打开其他按钮时在底部堆叠一个按钮？

Answer 1

选中此http://jsfiddle.net/TEn3w/4/

我使用display:inline-block;代替浮动来在按钮上应用vertical-align:bottom，另外我从h4

中移除了边距

.buttons {
    display: inline-block;
    vertical-align: bottom;
}
.buttontab {
    margin: 0;
}

Answer 2

http://jsfiddle.net/MWTVL/

检查链接

jQuery(document).ready(function(){
    jQuery(".buttontab a").click(function(){

        jQuery(".buttontab a").removeClass("active");
        jQuery(this).addClass("active").blur();
        jQuery(jQuery(this).attr("href")).slideToggle(1000);
        return false;
});
});

切换固定位于底部的两个按钮

2 个答案: