我有truoble這樣做:jQuery的隱藏/顯示(DIV與修改ID attr)使用
<div id="show-menu">Show Menu</div>
<script type="text/javascript">
$(document).ready(function() {
$('#show-menu').click(function() {
$(this).animate({marginRight:'70px'}, 500);
$('#menu').animate({width:'300px'}, 500);
$('.menu-menu-principal-container, #header h1').animate({marginRight:'70px'}, 500);
$(".menu-menu-principal-container, #header h1").show("slow");
$("#show-menu").hide("slow");
$("#hide-menu").show("slow");
$(this).text('Hide Menu');
$(this).attr('id', 'hide-menu');
});
$('#hide-menu').click(function() {
$(this).animate({marginRight:'-70px'}, 500);
$('#menu').animate({width:'100px'}, 500);
$('.menu-menu-principal-container, #header h1').animate({marginRight:'-70px'}, 500);
$(".menu-menu-principal-container, #header h1").hide("slow");
$(this).text('Show Menu');
$(this).attr('id', 'show-menu');
});
})
</script>
如果我上顯示菜單點擊(#節目菜單),它顯示正常,但是當我再次點擊在隱藏菜單(#隱藏菜單)它不會隱藏?它什麼也沒做。