當其他元素被點擊

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

*未經測試