Изменить содержимое аккордеона

Question

У меня есть аккордеон, и я хотел бы добавить/изменить содержимое внутри аккордеона через jquery при щелчке.

Я установил событие onclick и попытался использовать .innerHTML = 'некоторый контент' , но это не работает.

Что я делаю неправильно?

  <div class="panel-group"> 
       <div class="panel panel-accordion"> 
        <div class="panel-heading"> 
         <h4 class="panel-title"> 
          <a class="accordion-toggle" data-toggle="collapse" href="#showReq" onclick="showReqDetails"> Accordion Header</a> 
         </h4> 
        </div> 

        <div id="showReq" class="accordion-body collapse"> 
         <div class="panel-body"> 
          this need editing 
         </div> 
        </div> 
       </div> 
      </div> 

Javascript

function showReqDetails(){ 
    $("#showReq").innerHTML='new content'; 
    } 

Answer 1

Используйте следующее:

$('.panel-body').html('your text here'); 

Answer 2

В дополнение к ответу Бенедикту, вы упускаете круглые скобки в вашем onclick случае. Ваш код должен быть:

<div class="panel-group"> 
    <div class="panel panel-accordion"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a class="accordion-toggle" data-toggle="collapse" href="#showReq" onclick="showReqDetails()"> Accordion Header</a> 
      </h4> 
     </div> 
     <div id="showReq" class="accordion-body collapse"> 
      <div class="panel-body">this need editing</div> 
     </div> 
    </div> 
</div> 

и, если вы действительно хотите изменить содержимое #showReq:

function showReqDetails(){ 
    $("#showReq").html("new content"); 
}