jQuery Slide Toggle - 打开时更改 HTML

Question

我有这个功能，可以在单击“阅读更多”链接时打开 DIV 以显示内容。我想在 DIV 展开后将“阅读更多”的值更改为“关闭”。

<div class="container">
  <p class="expand-text">Read more</p>
  <div class="content">
    <div class="full-text">
      <p>Text content here</p>
    </div>                      
  </div>
</div>                            

<script>
 $(".container").click(function() {
   $(this).find('.content').slideToggle();
 });
</script>

Answer 1

$(".container").click(function() {
    $('.expand-text', this).text(function(i, v) {
        return v === 'Close' ? 'Read more' : 'Close'
    })
    $(this).find('.content').slideToggle();
});

http://jsfiddle.net/mBFzE/