2013-01-22 16 views
0

我已經完成了我想要的一小段代碼,只是有一件事是當div展開時我無法提供單詞,我想使文字Less -當不正是擴大More +如何更改活動狀態的文本jQuery

Fiddle

$(document).ready(function() { 
    var visible=true; 
    $("#more_details").on('click', function() { 
    $('.more_details').animate({width: visible ? 300 : 0}, "slow"); 
     visible=!visible;  
    }); 
}); 

回答

3
$(document).ready(function() { 
    var visible=true; 
    $("#more_details").on('click', function() { 
    $('.more_details').animate({width: visible ? 300 : 0}, "slow"); 
    visible=!visible; 
    $(this).text(visible ? 'More +' : 'Less -'); 
    }); 
}); 

DEMO

+0

真棒,+1任何關於中的z-index'? –

+0

z-index有什麼問題? –

+0

你可以使用.toggle(); for #more_details – kicaj

相關問題