slideToggle:再次更改文本(open -> close -> open -> close...)
slideToggle:再次更改文本(open -> close -> open -> close...)
提问于 2012-05-23 20:47:55
<div id="sidebar_archive_infoline_bottom"><a id="showallnews" href="#">SHOW ALL NEWS</a></div>
<script>
$('#newsdiv').hide();
$('#showallnews').click(function () {
$('#newsdiv').slideToggle('fast');
$('#showallnews').text('CLOSE')
}); </script>文本"SHOW ALL NEWS“在第一次单击后变为"CLOSE”。现在我需要一个方法来将它从“关闭”更改为“显示所有新闻”等等……
诚挚的问候!
回答 3
Stack Overflow用户
发布于 2012-05-23 20:52:54
<script>
$('#newsdiv').hide();
$('#showallnews').click(function() {
$('#newsdiv').slideToggle('fast', function() {
$('#showallnews').text().toLowerCase().indexOf('close') != -1 ? $('#showallnews').text('SHOW ALL NEWS') : $('#showallnews').text('CLOSE');
});
});
</script> Demo
Stack Overflow用户
发布于 2012-05-23 20:51:57
$('#showallnews').click(function () {
$('#newsdiv').slideToggle('fast');
$('#showallnews').addClass("closed");
$('#showallnews').text('CLOSE')
});
$('.closed').click(function(){
$('#newsdiv').slideToggle('fast');
$('#showallnews').removeClass("closed");
$('#showallnews').text('Show all news')
})这不是最好的方法，但这是可行的。
Stack Overflow用户
发布于 2012-05-23 21:08:04
尝尝这个
<script>
...
$("#showallnews").toggle(function (){
$("#showallnews").text("SHOW ALL NEWS")
.stop();
}, function(){
$("#showallnews").text("CLOSE")
.stop();
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10720236
复制相关文章
相似问题
腾讯云开发者
