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

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

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

<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>

<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();
            });
        });