javascript - 在 jQuery 中显示/隐藏 Div

Question

我有这个 JSFiddle 供引用:http://jsfiddle.net/422MP/38/

绿色框向右浮动，因此我只希望它们在其父 div 展开时显示。如果单击另一个 div，我希望隐藏前一个 div 的绿色框并显示新的 div。对此有什么想法吗？这是 js:

$('.sidebar').on('click', function() {
    $('.sidebar').not(this).animate({width: 50}, 400);
    if ($(this).width() == 50)
        $(this).animate({width: 150}, 400);
    else
        $(this).animate({width: 50}, 400);
});

Answer 1

尝试使用绝对位置定位

.inner {
    width: 50px;
    height: 50px;
    background-color: green;
    position: absolute;
    left: 100px;
}
.sidebar {
    height: 300px;
    width: 50px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    /* left: 565px;*/
    /*position: relative;i*/
    margin:0 0px 0 10px;
}

演示:Fiddle