Question

这段js代码怎么实现div收缩和展开

这个是js代码：
<script type="text/javascript">
$(document).ready(function () {
$(".butt").click(showFile);
})
function showFile() {
if ($(".nr").css("display") == "none") {
$(".nr").css("display", "block");

} else {
$(".nr").css("display", "none");

}
}

</script>

下面是html：
<div class="more">
<div class="single_item">
<div class='head'>
<div class='ms'></div>
<div class='butt'></div>
</div>
<div class='nr'> </div>
</div>
<a href="javascript:;" class="get_more"><div id='jzgd'>点击加载更多</div></a>
</div>

为什么这个无法实现<div class="nr"></div>的收缩与展开呢？

Answer 1

function showFile() 
{
    if ($(".nr").is(":visible")) 
    {
        $(".nr").hide(); 
    } else{
        $(".nr").show(); 
    }  
}

追问

还是不行唉