切换隐藏并关闭不工作

Question

我试图让div切换隐藏并显示div内容，但此刻我正在使用的代码似乎使内容崩溃到顶角并消失。如何阻止它这样做，只需在不移动文本的情况下向上和向下展开和折叠，或者在不设置固定宽度的情况下将div移动到其位置。

CURRENT JQUERY＆amp; FIDDLE

$(document).ready(
function() {
    $(".about").click(function() {
        $(".about-content").toggle('slow');
   });
});

DEMO FIDDLE

Answer 1

使用slideToggle()

$(document).ready(
function() {
    $(".about").click(function() {
        $(".about-content").slideToggle('slow');
   });
});

另外，您可以使用fadeToggle()淡入淡出。

演示：http://jsfiddle.net/GsBWD/1/