html页面div的显示/隐藏

废话不多说，直接上代码

html页面代码

<p class="rf marginright20">点击</p>           
<div class="message">
            <textarea id="orgAuditDesc" name="orgAuditDesc" placeholder="点击此处添加内容..."></textarea>
            <p class="rf wordNumber">还可以输入<span id="text-count">100</span>字</p>
</div>

js代码

$(".marginright20").click(function(){  
        $(".message").toggle();        
    })
    $("#orgAuditDesc").on("input propertychange", function () {
        var $this = $(this),
                _val = $this.val(),
                count = "";
        if (_val.length > 100) {
            $this.val(_val.substring(0, 100));
        }
        count = 100 - $this.val().length;
        $("#text-count").text(count);
    });

这样的话文本框默认展示在页面上，如果想要默认隐藏的效果，在css中加入display：none；即可。