Показать/скрыть div onclick jquery медленно, когда я нажимаю кнопку asp, не работает

Question

Я хочу показать/скрыть div медленно, используя jquery, когда я нажимаю кнопку. Этот div будет иметь результат из базы данных. Я хочу его, когда он открывается, чтобы открыть его в замедленном темпе. У меня есть еще одна проблема с кнопкой asp, когда div находится на слайде, он возвращается, чтобы снова начать автоматически. Я думаю, что это от обратной передачи. Буду признателен за любую помощь.

<script src="script/jquery-1.11.1.min.js"></script> 
 
<script> 
 

 
    $(document).ready(function() { 
 
     $("#<%=Button1.ClientID%>").click(function() { 
 
      $("#showdivslowly").slideDown(2000); 
 
     }); 
 
    }); 
 

 
</script>

<form id="form1" runat="server"> 
 

 
    <div runat="server" id="showdivslowly" style="width:500px; height:200px; background-color:Blue" visible="false">Welcome</div> 
 

 
    <asp:Button ID="Button1" runat="server" Text="Button" /> 
 

 
    </form>

Answer 1

Пожалуйста, попробуйте следующий код

<script src="script/jquery-1.11.1.min.js"></script> 
<script> 

    $(document).ready(function() { 
     $("#<%=Button1.ClientID%>").click(function() { 
      $("#showdivslowly").slideDown(2000); 
      return false; 
     }); 
    }); 

<div id="showdivslowly" style="width:500px; height:200px; background-color:Blue; display: none;">Welcome</div> 
<asp:Button ID="Button1" runat="server" Text="Button" /> 

Спасибо, Amit