Panel Sample

by Keith Jeter

HTML

<div class="accordion">
    <h3>TEST 1</h3>
    <div class="tab1">    
    This is the first test
    </div>
    <h3>TEST 2</h3>
    <div class="tab1">    
    This is the second test
    </div>
</div>

CSS

.accordion { border: solid 2px #000; }

JavaScript

$(function() {
    var $accordions = $(".accordion").accordion({
        collapsible: true,
        active: false,
        icons: false
    }).on('click', function() {
        $accordions.not(this).accordion('activate', false);
    });
});