$(document).ready(function() {
                // setting the tabs in the sidebar hide and show, setting the current tab
                $('div.tabbed > div').hide();
                $('div.t1').show();
                $('div.tabbed ul.tabs li.t1 a').addClass('tab-current');

                // SIDEBAR TABS
                $('section.tabbed ul li a').click(function(){
                        var thisClass = this.className.slice(0,2);
                        alert('thisClass->'+thisClass);
                        $('div.tabbed > div').hide();
                        $('div.' + thisClass).show();
                        $('div.tabbed ul.tabs li a').removeClass('tab-current');
                        $(this).addClass('tab-current');
                });
        });

( http://stackoverflow.com/questions/977883/selecting-only-first-level-elements-in-jquery )

first of all i am not really PHP expert.

I am working on a blog website.

On home page they are looking for recent post to show up.
on archive page it should be all the collection.

I was wondering is there any how i can make categories to get data from recent post (which is on the home page) also same content on the archive.
Please see:
http://postimage.org/image/4k9wun6bv/

Here is how i am thinking of getting post from archive and showing it on home page.

Please give me any help will be appreciated.

Thank you.

Thanks for this tutorial, I’ve been playing with the jquery a bit and haven’t been too successful so far, is there an easy change to the jquery to make multiple instances of these tabs work together?

Thanks