對齊的slideToggle箱父DIV的底部

我有這麼遠follwing：jsFiddle 對齊的slideToggle箱父DIV的底部

只是一個小腳本，彈出列表元素

$(function() { 
    $("li.content").hide(); 
    $("ul.nav").delegate("li.toggle", "click", function() { 
     $(this).next().slideToggle("fast").siblings(".content").slideUp("fast"); 
    }); 
});

我試圖找出我怎麼能對齊當您單擊「關於」到外部div的底部時，滑動出來的框與「聯繫人」框一樣。聯繫人也應該保持固定在底部。

我可以做到這一點，而無需純粹通過更改CSS來修改JavaScript，還是必須爲兩個盒子製作不同的切換功能？

謝謝大家，非常感謝。

來源

2013-07-16 mjxii

是的，你可以只用CSS做到這一點。它實際上已經在應用你的造型。 – MiniRagnarok

所有你需要做的就是把它加到你的.content。

jsFiddle

.content { 
    position: absolute; 
    bottom: 0; 
}

來源

2013-07-16 20:09:24 screenmutt

這樣，盒子就會滑出來，而周圍的div不會改變高度。我希望擁有它的方式是將頂部保持定位在切換列表元素的下方，但仍然對齊到底部。像接觸盒一樣。我已經試過爲聯繫人和約盒子製作2個類，其中約盒具有負邊距。但我認爲這不會很優雅？ – mjxii

我認爲這是您唯一的選擇。 – screenmutt

使用鏈接的標準格式。 []（）。嘿！你有它的工作。你改變了什麼？ – screenmutt

對齊的slideToggle箱父DIV的底部

回答

相關問題