javascript - slideUp/slideDown 不一致

Question

我想在选择适当的radio 时slideDown() 一个div，而slideUp 是事件的一。

但是，就像现在一样，在某些情况下它会被推低，而在其他情况下会被推高。

(私有(private) -> 商店 = 向上，商店 -> 私有(private) = 向下)

我希望它总是被压低。我做错了什么？

这是 JSFiddle 上的当前状态:http://jsfiddle.net/mfmU7/

以及原始 Javascript 代码:

$(document).ready(function() {

    $("#private").click(function() {

        $('#registration-brand, #registration-shop').slideUp();
        $('#registration-private').slideDown();         

    });

    $("#shop").click(function() {

        $('#registration-brand, #registration-private').slideUp();
        $('#registration-shop').slideDown();

    });

    $("#brand").click(function() {

        $('#registration-shop, #registration-private').slideUp();
        $('#registration-brand').slideDown();

    });

});

Answer 1

一切都与 DOM(或 z-index)中的位置有关:

$(document).ready(function() {
    $('.btn').on('click', function() {
        var that = $('#registration-'+this.id);
        $('.registration-type:visible').not(that).slideUp().before(that.slideDown());
    });
});

FIDDLE