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；即可。