Ticket #6232: 6232.js
File 6232.js, 1.0 KB (added by winthrope, October 30, 2010 03:04PM UTC)

Elaboration of nested accordion behavior

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>?</title>
  <link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
  <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script>
</head>
<body>

  <div id="accordion-1">
    <h3><a href="#">1</a></h3>
    <div>
      <div id="accordion-1a">
        <h3><a href="#">1.a</a></h3>
        <div>1.a content</div>
        <h3><a href="#">1.b</a></h3>
        <div>1.b content</div>
      </div>
    </div>
    <h3><a href="#">2</a></h3>
    <div>
      <div id="accordion-2">
        <h3><a href="#">2.a</a></h3>
        <div>2.a content</div>
        <h3><a href="#">2.b</a></h3>
        <div>2.b content</div>
      </div>
    </div>
  </div>
  
</body>
</html>

Download in other formats:

Original Format