当点击标题时，使手风琴下面的元素向下移动

Question

我有手风琴。手风琴下是页面的其他元素。我希望当点击任何手风琴标题并显示内容时，手风琴下面的元素会向下移动。有人帮忙！

$("h3").click( function(event){
    event.preventDefault();

    if ($(this).hasClass("isDown") ) {  
        $(".basic-grey").css('margin-top','213%');  
        $("#skills").animate({top:"-=65%"});            
        $(".updown").animate({top:"-=65%"});
        $("#contact").animate({top:"-=65%"});                               
        $(this).removeClass("isDown");
    } 
    else {  
        $(".basic-grey").css('margin-top','180%');  
        $("#skills").animate({top:"+=65%"});
        $(".updown").animate({top:"+=65%"});                        
        $("#contact").animate({top:"+=65%"});                           
        $(this).addClass("isDown");
    }
    return false;
})

我已经尝试过从另一个例子中读取这个方法，如果我没有点击我打开的同一个手风琴标题再次关闭内容，它就不起作用了。例如。如果我点击“Academics”来显示“Academics”中的内容，然后点击“Work”，（打开工作并自动关闭“Academics”下的内容），内容会向下移动两次，看起来很奇怪。