jQuery Forum

Hi there,
I am working on a small directory page, and within each accordion section, I have multiple divs, which seems to break the accordion.

I think it's because there are multiple divs within each panel.

Here is my jquery:

$("#accordion").accordion({header: 'h1'});

and my simplified markup:

<div id="accordion">
      <h1>Section 1</h1>
      <div class="content_wrap">
            <div class="floatLeft"><img src="happy.jpg" class="happy" alt="" /></div>
            <div class="floatRight"><p>This is some text</p></div>
            <div class="clearBoth"></div>
     <!--content_wrap--> </div>
      <div class="content_wrap">
            <div class="floatLeft"><img src="happy.jpg" class="happy" alt="" /></div>
            <div class="floatRight"><p>This is some text</p></div>
            <div class="clearBoth"></div>
      <!--content_wrap--></div>

      <h1>Section 2</h1>
      <div class="content_wrap">
            <div class="floatLeft"><img src="happy.jpg" class="happy" alt="" /></div>
            <div class="floatRight"><p>This is some text</p></div>
            <div class="clearBoth"></div>
      <!--content_wrap--></div>
      <div class="content_wrap">
            <div class="floatLeft"><img src="happy.jpg" class="happy" alt="" /></div>
            <div class="floatRight"><p>This is some text</p></div>
            <div class="clearBoth"></div>
      <!--content_wrap--></div>
      <div class="content_wrap">
            <div class="floatLeft"><img src="happy.jpg" class="happy" alt="" /></div>
            <div class="floatRight"><p>This is some text</p></div>
            <div class="clearBoth"></div>
      <!--content_wrap--></div>
<!--accordion--></div>