0
我是jQuery的初學者。如何在下拉切換動畫中更改我的jQuery按鈕?在jQuery切換我想改變按鈕的形狀
我可以在這個網站碼CSS編碼按鈕,如果我可以,請幫助我完全編碼的HTML
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script>
$(document).ready(function() {
$('.nav-toggle').click(function(){
//get collapse content selector
var collapse_content_selector = $(this).attr('href');
//make the collapse content to be shown or hide
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function(){
if($(this).css('display')=='none'){
//change the button label to be 'Show'
toggle_switch.html('Show');
}else{
//change the button label to be 'Hide'
toggle_switch.html('Hide');
}
});
});
});
</script>
<style>
.round-border {
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
margin-bottom: 5px;
}
</style>
</head>
<body>
<section class="round-border">
<div>
<button href="#collapse1" class="nav-toggle">Show</button>
</div>
<div id="collapse1" style="display:none">
<p>Bla bla bla bla</p>
</div>
</section>
</body>
</html>
謝謝你fr回覆...但我得到一個錯誤,所以plz snd我一個完整的html代碼與變化@hushme – user2351143
請檢查鏈接http://jsfiddle.net/L9Usa/1/ – Hushme
我怎樣才能使用我的自己的按鈕,使jQuery的切換滑下來/向上滑動@ hushme – user2351143