Jquery 基于隐藏div更改按钮文本

我有两个简单的div，用一个按钮切换它们的可见性。我想让按钮的标题显示隐藏分区的标题。因此，当“横向”分区可见时，按钮将显示“切换到纵向”。显示“纵向”div时，按钮应显示“切换到横向”

HTML

<button type="button" class="btn btn-default switch">Switch to Portrait</button>

---

这就是我要找的，只是我需要显示隐藏div的文本，所以

.cropme:hidden

我想我在你输入评论时更新了我的答案。查看我答案中的最新版本。我更喜欢这个版本。不需要在div中使用标题文本。

$('#portrait').hide();
$('.switch').click(function (){
  $('#portrait').toggle();
  $('#landscape').toggle();
});

$('#portrait').hide();
$('.switch').click(function () {
    $('#portrait, #landscape').toggle();
    $('button').text('Switch to ' + $('.cropme:hidden').text())
});

<button type="button" class="btn btn-default switch">Switch to Portrait</button>

$('#portrait').hide();
$('.switch').click(function (){
    $(this).text("Switch to "+($('#portrait').is(":visible") ? "Portrait" : "Landscape"));
  $('#portrait').toggle();
  $('#landscape').toggle();
});