Я хочу переключать div по JavaScript, когда я нажимаю на кнопку, открываю и закрываю div

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 = "" вы Cann добавить # как

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

Благодарности

Answer 2

Вы используете asp:LinkButton, которая вызывает обратную передачу. Используйте вместо этого html a, чтобы предотвратить его.

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

И если вы хотите показать/скрыть свой div, используйте jQuery toggle.

<a href="#"> 

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