javascript - 如何在渐进式披露脚本中切换文本？

Question

我有一个小的渐进式披露(“文本展开和折叠”)，但切换文本没有改变。像这样工作:(我没有写)

$(document).ready(function() {
    $('div.view').hide();
    $('div.slide').toggle(
        function() {
            $(this).siblings('div.view').fadeIn('slow');
        }, 
        function() {
            $(this).siblings('div.view').fadeOut('fast');
            return false;
        }
    );
});

我想动态地将“more...”文本切换字符串更改为“less...”。

Answer 1

您可以使用 .text() 来做到这一点像这样:

$(document).ready(function() {
    $('div.view').hide();
    $('div.slide').toggle(
        function() {
            $(this).text('less...').siblings('div.view').fadeIn('slow');
        }, 
        function() {
            $(this).text('more...').siblings('div.view').fadeOut('fast');
        }
    );
});

坚持使用 this 很重要在切换中，否则您将更改 所有 的文本
<div class="slide">元素，而不仅仅是您正在处理的元素。