Question

我希望toggle div JavaScript当我点击按钮打开并关闭div时，这是我的代码，但是当我点击按钮时div消失了我认为它来自回发后。

 var toggle = function () {
   var mydiv = document.getElementById('showw');
   if (mydiv.style.display === 'block' || mydiv.style.display === '') {
     mydiv.style.display = 'none';
   }
   else {
     mydiv.style.display = 'block'

   }


 <asp:LinkButton ID="LinkButton1" runat="server"  OnClientClick="toggle(); return false;">Amenities</asp:LinkButton>                            
<div id="showw" runat="server" style="display:none;background-color:Blue; width:100px;height:100px;">
  <asp:Label ID="lblAmiinties" runat="Server" CssClass="shbe_h2" Text='<%# Eval("Amenities") %>'  Visible="true"></asp:Label>
  <asp:Label ID="lblAmiintiesTxt" runat="Server" Text="<%$ Resources:Resource,Amenities %>"></asp:Label>
   <br />
</div>

Answer 1

我已在评论中阅读了答案。

<a onClick="toggle(); return false;" />

因为，href =＆＃34;＆＃34;你可以添加#like

<a href="#" onClick="toggle(); return false;">

由于

Answer 2

您正在使用导致回发的asp:LinkButton。请改用html a来阻止它。

<a href="#" onClick="toggle();">

如果你想显示/隐藏你的div使用jQuery切换。

<a href="#">

<script>
    $("a").click(function(){
      $("#showw").toggle();
    });
</script>

当我点击按钮打开并关闭div时，我想通过JavaScript切换div

2 个答案: