I want to fold down the div onclick event and on another click want to fold up the div

my jquery is following

```
$(".fold_reply").click(function() {

    if ($('.reply').css('display', 'none')) {
        $(".reply").show("fold", {}, 500);
    }
    else {
        $(".reply").hide("fold", {}, 500);
    }

});​

```

and the div I want to fold is having display:none at the initial point 

In My reply tag
< div class="reply" style="display:none; " > at the initial reply is not shown

so when I click then div is fold down but on other div it is not fold up  

Please help me