I like the sample here
http://dev.portalzine.de/index?/Horizontal_Accordion--print
try to click show 1 , show 2, .... (grey / green)
but I don't know how to display different content for different show --- so please help === it should be p (for 1 2 3 and 4)
just have to read the very last line of the following code
$(".handle").bind("click",function() {
if($('.handle[@id*='+$(this).attr("id")+"]").attr("rel") != "selected"){
$('.handle').attr("rel","");
$('.handle').css({background:"url(images/blade.png)"});
$(this).css({background:"url(images/blade_sel.png)"});
$('div[@id*=content]').animate({className:"content"},500,"backin");
$('div[@id*=hdiv]').animate({className:"start"},500,"backin");
$('#hdiv'+$(this).attr("id")).animate({className:"end"},500, 'easein');
$('#content'+$(this).attr("id")).animate({className:"endcontent"},500,'easein');
$('.handle[@id*='+$(this).attr("id")+"]").attr("rel","selected");
}
});
// $(".content p").html("Lorem ipsum...CONTENT here.");
====
if the question is not clear, please let me know, I will put all the code download source here , thanks