jQuery toggle не работает на моей странице

Question

Я хочу переключить div с помощью функции переключения jQuery.

Вот мой код:

$(document).ready(function() { 
 
    $("#removeSongButton").click(function() { 
 
    $("#radioButton1").toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <asp:Button runat="server" ID="removeSongButton" Text="remove song" /> 
 
</div> 
 

 
<div id="radioButton1"> 
 
    <asp:RadioButtonList runat="server" ID="radioButton"> 
 
    <asp:ListItem Text="1" Value="1"></asp:ListItem> 
 
    <asp:ListItem Text="2" Value="2"></asp:ListItem> 
 
    <asp:ListItem Text="3" Value="3"></asp:ListItem> 
 
    </asp:RadioButtonList >   
 
</div>

, когда я нажимаю "removeSongButton" ДИВ тог ע ле и немедленно переключаться вниз. Я думаю, может быть, перезагрузка страницы.

Answer 1

Вы правы, его перезагрузка. Если самая нужная вещь, которую вы хотите сделать, нажав кнопку, - это переключить, а затем добавить preventDefault, как это. Или есть другие события, которые вы хотите вызвать нажатием кнопки?

$("#removeSongButton").click(function (e) { 
    e.preventDefault(); 
    $("#radioButton1").toggle(); 
}); 

Answer 2

Попробуйте добавить div#radioButton1 в качестве вашего селектора. Я создал супер простой jsbin http://jsbin.com/rudocofowu/edit?html,output

---

Если это не поможет, то я хотел бы начать с удалением toggle() и попытаться использовать только slideUp() или slideDown() из JQuery просто изолировать, который один Мессинг вверх.