javascript - 如何更改一个div的内容来切换另一个div？

Question

我的 HTML 是这样的:

<div>
    <div class="action">Show details</div>
    <div>Some hidden details</div>
</div>

我当前的JS是这样的:

$(".action").click(function(e) {
        e.preventDefault();
        $(this).next("div").slideToggle('slow');
    });

如何在每个切换按钮上将 action div 的内容更改为“隐藏详细信息”/“显示详细信息”？

因此，用户很清楚再次单击该链接将关闭该 div。

Answer 1

在您的 div 点击处理程序中:

var next = $(this).next('div');
$(this).html(next.is(':visible') ? 'Hide Details' : 'Show Details');