html和css如何实现点击出现隐藏列表

html-css033

html和css如何实现点击出现隐藏列表,第1张

需要使用到js，获取到点击按钮

声明一个变量为 var flag = false

当点击时 if(！flag){ flag = true ， 把要显示的元素设置display为none}else{ flag= false， display设置为block}

GridView最终显示在客户端就是一个table，所有可以用js直接对其设置。通过js对table中的tr和td设置CSS样式，以下是我用JQuery写的一个例子。

//隐藏GridView中的2、3列

var gvTr =$("[id$=gvXXX]").find("tr")

$(gvTr).find("td:eq(2),th:eq(2),td:eq(3),th:eq(3)").hide()

注意$("[id$=gvXXX]")是获取服务器端ID为gvXXX控件的方法

CSS中显示和隐藏有多种方法，比较常见的是有display:none|blockvisibility: hidden|visible他们的区别在于，对文档流影响的区别。一般大家显示隐藏元素，比较倾向于用display。

你如果想隐藏表格，可以用table{display:none}来操作。想显示的话把display:block即可。