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 ，来设置按钮上的值。