не коллапс аккордеона бутстраповского

Question

У меня есть jsfiddle для аккордеона jsfiddle

Он имеет два colums влево и вправо, когда я пытаюсь свернуть правую гармошку, и если оно остается открытым и попытаться нажать на левом аккордеон того права аккордеон должен закрыть, как это может быть?

Answer 1

Попробуйте это:

http://jsfiddle.net/BhBHf/4/

$(document).ready(function() { 
    $('.accordion .accordion-toggle').each(function() { 
     $(this).html('<span class="plus">+</span>' + $(this).text()); 
    }); 
    $('.accordion a').on('click', function() { 
     if ($(this).children('.plus').text() === '+') { 
      $(this).children('.plus').text('-'); 
      $(this).css({ 
       'color': 'red' 
      }); 
      $('.accordion a').not(this).children('.plus').text('+'); 
      $('.accordion a').not(this).css({ 
       'color': '#666' 
      }); 
      $('.in').collapse("hide").removeClass("in"); 
     } else { 
      $(this).children('.plus').text('+'); 
      $(this).css({ 
       'color': '#666' 
      }); 

     } 
    }); 
}); 

Я также переименовали ваши две гармони в HTML коде.

Answer 2

попытка JS

http://jsfiddle.net/BhBHf/3/

$(document).ready(function(){ 
    $('.accordion .accordion-toggle').each(function(){ 
     $(this).html('<span class="plus">+</span>'+$(this).text()); 
    }); 
    $('.accordion a').on('click',function(){ 
     if($(this).children('.plus').text()==='+'){ 
      $(this).children('.plus').text('-'); 
      $(this).css({'color':'red'}); 
     } 
     else{ 
      $(this).children('.plus').text('+'); 
      $(this).css({'color':'#666'}); 
     } 
     $('.accordion').on('hide', function() { 
     $('[href="#'+$(this).attr('id')+'"]').addClass('accordion'); 
    }); 
    }); 

});