2

#subAccordion1親 ( ) 内のアコーディオン ( ) がデフォルトで閉じられるようにしようとしてい#accordionます (注: サブアコーディオンは 1 つしかありません)。

私はこれを行うのに問題があります..

これが私が試した私のjQueryです：

$(function() {
    $("#accordion, #subAccordion1").accordion(function() {
        autoHeight: false
        active: false
        collapsible: true
    });
});

そして私のHTML：

<div id = "accordion">
     <h1>Accordion1:</h1>
     <div>
         <p>Blah</p>

         <div id = "subAccordion1">
             <h1>Accordion1.1</h1>
             <div>
                 <p> BLAH BLAH BLAH</p>
             </div>
         </div>
      <h1>Accordion2:</h1>
      <div>
           <p>Blah</p>
      </div>
</div>

外側の 2 つのアコーディオン (1 と 2) は意図したとおりに機能し、内側のアコーディオン (1.1) は自動的に展開されます。

助けてくれてありがとう

4

2 に答える 2

5

最初に HTML を修正します (終了 div がありません): 

<div id = "accordion">
     <h1>Accordion1:</h1>
     <div>
         <p>Blah</p>
         <div id = "subAccordion1">
             <h1>Accordion1.1</h1>
             <div>
                 <p> BLAH BLAH BLAH</p>
             </div>
         </div>
      </div>
      <h1>Accordion2:</h1>
      <div>
           <p>Blah</p>
      </div>
</div>

JavaScript

$(function() {
  // init parent accordion
  $("#accordion").accordion( { heightStyle: "content" });

  // init sub accordion via #id selector with options object
  $("#subAccordion1").accordion({
                autoHeight: false,
                active: false,
                collapsible: true,
                heightStyle: "content"
   });
});
于 2013-04-03T20:21:49.850 に答える
3

試す

$("#accordion, #subAccordion1").accordion({

それ以外の

$("#accordion, #subAccordion1").accordion(function() {
于 2013-04-03T20:16:50.100 に答える