Question

我希望更改此span标记的内容：

<span class="ui-btn-text" id="btnText">Read how we have helped</span>

要：

<span class="ui-btn-text" id="btnText">Hide Story</span>

这是我到目前为止所得到的：

$('#storyBtn').click(function() {
        $('#story-body').slideToggle('fast', function() {
            $('#btnTextShow').hide();
            $('#btnTextHide').show();
        });
    });

Answer 1

我想你只是想更新范围的文本......如果是这样的话，试试这个 - ＆gt;

<span class="ui-btn-text" id="btnText">Read how we have helped</span>

   $('#storyBtn').click(function() {
            $('#story-body').slideToggle('fast', function() {
                $('#btnText').text("Hide Story");
                $('#btnTextShow').hide();
                $('#btnTextHide').show();
            });
        });

*未测试

Answer 2

以下是如何实现这一目标的一个很好的例子：
首先看一下JSFiddle DEMO

让我们看看我们在这里有什么：

$('.ui-btn-text:eq(1)').hide();

$('#storyBtn').click(function() {
    $("#story-body").slideToggle(400);
    $(".ui-btn-text").toggle(300);
});

和html：

<div id="storyBtn">
    <span class="ui-btn-text">Read how we have helped</span>
    <span class="ui-btn-text">Hide Story</span>
</div>

<div id="story-body">
    A long,...<br> long time ago...
</div>

信息：

正如你所看到的，我简化并删除了所有不必要的ID和代码，只是为了让所有人都可以看到。你可以重做我的这种变化。

如何在单击其他元素时更改跨度的内容

2 个答案: