js实现同一页面的两个div的显示和隐藏

 <script type="text/javascript">
        function showhidediv(id) {

            var age2 = document.getElementById("msg_2");

            var name2 = document.getElementById("msg_1");

            if (id == 'name') {

                if (name2.style.display == 'none') {

                    age2.style.display = 'none';

                    name2.style.display = 'block';

                }

            } else {

                if (age2.style.display == 'none') {

                    name2.style.display = 'none';

                    age2.style.display = 'block';

                }

            }

        }

    </script>

 

    <div id="msg_1" style="display:block;float:left;" >

<p id="photoTitle" ><a href="?s=dd" onclick='showhidediv("age")';>单击此处添加描述</a></p><p id="p1" ><a href="#" onclick='showhidediv("age")';>单击此处添加描述</a></p></div>

<div id="msg_2" style="display:none;float:left;" >

<form id="">

<textarea class="textarea" id="" name=""></textarea>

<div class="">

<input type="button" value="保存" class="" id="">

<input type="button" value="取消" class="" id="" onclick='showhidediv("name")';>

</div>

<input type="hidden" name="" value=""></form>

</div>