当其他元素被点击

Question

我期待改变这个跨度标记的内容如何改变跨度的内容：

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

Answer 1

这里是如何实现一个很好的例子：在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和代码只是为了让可见性如何简单。您可以重做我的这些更改。

Answer 2

我觉得你只是想更新跨度的文字...如果是的话试试这个 - >

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

*未经测试