日期:2014-05-16  浏览次数:20576 次

关于div隐藏.
</head>
<body>
    <form id="form1" runat="server">
0.        <div>
         <asp:Button ID="data" runat="server" Text="添加数据..." OnClick="data_Click" />
         <asp:Button ID="TypePP" runat="server" Text="添加品牌..." />
         <asp:Button ID="ColorHS" runat="server" Text="添加花色..." />
         <asp:Button ID="NMC" runat="server" Text="耐磨层..." />
         <asp:Button ID="ZHD" runat="server" Text="总厚度..." />
         <asp:Button ID="Button11" runat="server" OnClick="Button11_Click" Text="Button" />
      </div>
1.      <div>
.......
2.      </div>
      <div>
........
3.      </div>
      <div>
.........
4.      </div>
      <div>
.........
5.      </div>
      <div>
.........
      </div>


先把标记1到5的div隐藏,然后点击添加显示标记1的div,点击添加品牌显示标记2的div,以此推.
我是头疼把div里面的控件设置隐藏,Button事件里面还得一个个写事件.
--------------------------------------------------------------------------------------------------------
------解决方案--------------------
服务端的button可以注册一个脚本事件onclick,比如
btn.Attributes.Add("onclick","hideDiv")
在你的html页面写一个hideDiv的javascript脚本,通过div的i去控制iv的display
------解决方案--------------------
用JQuery中的display属性设置为none不就可以把整个层隐藏了吗?
------解决方案--------------------
<head runat="server">
    <title></title>
    <script src="JS/jQuery 2.0.3.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#aa").click(function () {
                //$("#ee").slideToggle(3000);
                $("#mydiv").hide();
            })
            $("#bb").click(function () {
                $("#mydiv").show();
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="mydiv">
            &