如何在手風琴的h3標題上切換文本

Question

我的h3標頭充當jquery驅動的手風琴的觸發器。我希望能夠添加單詞「（點擊我）」，在單擊標題時打開和關閉該短語。 （單擊時刪除單詞，將它們添加到「關閉」時）。所寫的代碼很好用，只是它將第一個h3的文本放入所有頭文件中。 （「Header One」和「Header Two」變成「Header One（點擊我）」和「Header One（點擊我）」）我猜我需要某種版本的「foreach」 - 但它讓我難住了

我的靈感來自於這裏找到in this example的信息 - 但它足以不同的是，我發現自己在我的適應停滯了

(function($) { 
$(document).ready(function(){ 

$(".ui-accordion-header").not('.ui-state-active').append(' (click me)'); 

$(".ui-accordion-header").click(function() { 

var originaltext = $(this).text();    
var replacetext = " (click me)";  
var newtext = originaltext.replace(replacetext,''); 

$(".ui-accordion-header").text(newtext); 

$(".ui-accordion-header").append(' (click me)'); 

$(".ui-accordion-header.ui-state-active:contains('lick')").text(newtext); 
}); 

}); 

})(jQuery); 

Answer 1

如果我理解正確，我覺得你的問題是，你把的文本。頭被點擊到所有標題中。嘗試this：

(function($) { 
    $(document).ready(function(){ 

     $(".ui-accordion-header").not('.ui-state-active').append(' (click me)'); 

     $(".ui-accordion-header").click(function() { 

      $(".ui-accordion-header").each(function(){ 

       var originaltext = $(this).text();    
       var replacetext = " (click me)";  
       var newtext = originaltext.replace(replacetext,''); 
       $(this).text(newtext); 
      }); 

      $(".ui-accordion-header").not('.ui-state-active').append(' (click me)'); 
     });  
    });  
})(jQuery);