jq点击显示，再点击隐藏

每次都会遇到的问题：

<script>
$("button").click(function(){
if($(".div").css("display")=="none"){
$(".div").show();
}else{
$(".div").hide();
}
});
</script>