jquery---元素的隐藏与展示

jQuery的元素隐藏与展示控制的是元素的display属性，展示时：dispaly: block；隐藏时：display: none。

1. 点击切换元素展示状态

选中元素点击会切换显示状态，如果display属性未none就改为block，如果为block，就改为none。

$("#id").toggle();

2. 点击隐藏

选中元素的display属性设置为none。

$("#id").hide();

3. 点击显示

选中元素的display属性设置为block。

$("#id").show();

另外：如果显示的元素不想使其display的属性为block，可以这样写

$("#id").css('display', 'inline-block'/'inline');