Question

I’m using jQuery UI accordion(). I have 4 tabs. I want to make 2 sliding which is the way accordion works, and the other 2 just normal links without sliding. I can’t figure out how to do normal link since accordion expects an element for content after the <h3> tag

<div id="test">
    <h3><a href="#">One</a></h3>
    <div>
        some text
    </div>
    <h3><a href="#">Two</a></h3>
    <div>
        some text
    </div>
    <h3><a href="whatever.html">Link</a></h3>
    <h3><a href="whatever1.html">Link</a></h3>
</div>

Check http://jsfiddle.net/3JAkv/

Answer 1

Looking at the accordion methods(http://jqueryui.com/demos/accordion/), I don’t recognize anything for locking an item unopenable.

Why don’t you just take the

 <h3><a href="whatever.html">Link</a></h3>
<h3><a href="whatever1.html">Link</a></h3>

outside of the <div id="test"> div and just style them properly?

Also, you could have a different selector for header, which will disable the item. For example: i changed the last two links to h2 and set the accordion to use h3 as header:

$('#test').accordion({ header: 'h3' })

and

<h2><a href="whatever.html">Three</a></h2>
<h2><a href="whatever1.html">Four</a></h2>

you can see it here: http://jsfiddle.net/3JAkv/5/

you still have to skin it with CSS though