更改手风琴内容

时间:2015-11-03 08:30:14

标签: jquery html jquery-ui-accordion

我有手风琴,我想通过jquery点击添加/更改手风琴内的内容。

我设置了onclick事件并尝试使用.innerHTML ='some content' 但这不起作用。

我做错了什么?

$('.mycart').click(function() {
   if($('.basket').is(':visible')) {
       $('.basket').hide()
   }
  else {
       $('.basket').show()
  }
})

的Javascript

            <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>

2 个答案:

答案 0 :(得分:1)

使用以下内容:

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

答案 1 :(得分:1)

除了Benedikt的回答,你在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"); 
}