单击jQuery更改文本值

Question

单击H4元素时，如何将文本值从“关闭”更改为“打开”，反之亦然？

http://jsfiddle.net/8snk7ev6/

$(document).ready(function($) {
    $('#accordion').find('.accordion-toggle').click(function(){

        //Expand or collapse this panel
        $(this).next().slideToggle('fast', function(){
            var status = $(this).is(':hidden') ? 'close' : 'open';
            $(this).next('.accordion-status').html(status);
        });

    });
});

Answer 1

根据您当前的DOM结构，选择器应为：

$(this).prev('h4').find('.accordion-status').html(status);

因为this引用.accordion-content div，而您正在寻找的accordion-status div实际上是之前的它。此外，它包含h4元素。

请参阅Fiddle

Answer 2

检查以下代码或转到更新的小提琴jsfiddle

$(document).ready(function($) {
    var OBJ = '';
    $('#accordion').find('.accordion-toggle').click(function(){
        OBJ = $(this);
        //Expand or collapse this panel
        $(this).next().slideToggle('fast', function(){
            var status = $(this).is(':hidden') ? 'close' : 'open';
            OBJ.find('div.accordion-status').html(status);
        });

    });
});