jquery - 在底部的固定位置切换两个按钮

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 正在工作，就好像两个按钮都被调用了一样。这是您可以正确理解的演示。

演示

如何在打开另一个按钮时将一个按钮堆叠在底部？

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;
});
});