1

ブートストラップからの崩壊JSと少し格闘しています。私のウェブサイトでは、折りたたみを使用してコンテンツを表示したいと思います。ユーザーが見出しをクリックするたびに、クラス「アクティブ」を適用したいと思います。それはすでにクラス「非アクティブ」で始まります。したがって、非アクティブからクリックするとアクティブになります。一方、同じ見出しを再度クリックすると、非アクティブに戻るはずです。これは現在、現在行われていることではありません。

JSfiddleは次のとおりです。http：//jsfiddle.net/Malachute/tZeT8/1/崩壊 が機能しないことを気にしないでください。これは私の側で機能しており、JSfiddleに正しくコピーされていません。

4

1 に答える 1

2

このようなものを探していると思います。申し訳ありませんが、きれいではありません:

$(function(){
var sidebar = $('.accordion-heading');  // cache sidebar to a variable for performance

sidebar.delegate('.accordion-toggle','click',function(){ 
  if($(this).hasClass('active')){
    $(this).removeClass('active');
   $(this).addClass('inactive');
 }else{
  sidebar.find('.active').addClass('inactive');          
  sidebar.find('.active').removeClass('active');   
  $(this).removeClass('inactive');
  $(this).addClass('active');
 }
});
});

更新されたフィドル: http://jsfiddle.net/ckaufman/tZeT8/2/

于 2012-08-19T23:58:47.457 に答える