SO - 29860125

by Arun P Johny

HTML

<div id="accordion" class="col-xs-12">         
    <h3 class="none">Header</h3><div></div>
    <h3 class="none">Header</h3><div></div>
    <h3><i class="fa fa-check"></i>Header 3</h3><div><ul id="googlelist">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    </ul>
    </div>             
    <h3>Header</h3><div></div>
    <h3>Header</h3>
    <div>
        <ul id="googlelist">
            <li>Item1</li>
            <li>Item 2</li>
        </ul>
    </div>
    <h3>Header</h3>
    <div><ul id="googlelist">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        </ul></div>
</div>

CSS

#accordion > h3.none span.ui-icon {visibility: hidden;}

JavaScript

$('#accordion h3.none').click(function (e) {
    e.stopImmediatePropagation();
})
$('#accordion').accordion({
    collapsible: true,
    active: false
});