jquery页面隐藏和展开之间切换

html页面：

 <p id="myp4">默认情况下，这段话是隐藏的，点击按钮以后，这段话就展开，并且按钮上的值改变</p>
    <button id="b6" >展开</button>

js页面:

 $(document).ready(function () {
     $("#b6").click(function () {
         $("#myp4").toggle();
         var top = document.getElementById("myp4");
         if (top.style.display == "none") {
             $("#b6").text("展开");
         } else {
             $("#b6").text("隐藏");
         }

        })
 })

通过判断id为myp4的元素的display属性document.getElementById("myp4").style.display ，来设置按钮上的值。