点击button改变div的显示隐藏

看着以前自己写的这些小例子，现在看看都有点觉得好笑，是自己以前不懂还是现在已经老了？但是自己还是转存过来了，因为我喜欢。

jquery:

$("input[name=add_group]").click(function() {

    if ($("#add_group_div").css("display") == "none") {

    $("#add_group_div").show(500,null);

} else {

    $("#add_group_div").hide();

}

html：

<input type="button" name="add_group" id="add_group" value="add_group" />

<div id="add_group_div" style="display: none;">

    <label>description</label>  <input type="text" id="description" /><br /><br />

    <label>start_serial</label>  <input type="text" id="start_serial" /><br /><br />

    <label>end_serial</label>  <input type="text" id="end_serial" /><br /><br />

    <input type="button" value="submit" />

</div>