jQueryのトグルがマイページ内で機能しない

Question

jQueryトグル機能を使用してdivを切り替えたいと思います。

は、ここに私のコードです：

$(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>

i "がremoveSongButton" のdiv TOGעルアップをクリックして、すぐにダウンを切り替えるとき。多分ページをリロードすると思います。

Answer 1

あなたは正しいです、そのリロード。 ボタンでクリックして一番大事なのは、このようにpreventDefaultをトグルして追加することです。または、ボタンをクリックしてトリガーしたい他のイベントがありますか？

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

Answer 2

セレクタとしてdiv#radioButton1を追加してみてください。私はそれが解決しない場合は、その後、私はちょうどいじりされている1隔離するtoggle()の除去で始まりとjQueryからわずかslideUp()またはslideDown()を使用しようとする超簡単な

http://jsbin.com/rudocofowu/edit?html,output jsbin

---

を作成しましたアップ。