jQuery UI Tabs
Sometimes it's quite useful if we can just place a few segments of info sharing the same space on the page so the visitor easily could browse through them without actually leaving the screen. jQuery tabs are used to separate content into different panes where each pane is viewable one at a time. With them you can easily create a tabbed panel with a different types of the content held inside each tab allowing the user to just click on the tab and get to view the desired content.
Instead of clicking, you can use other events to selects tab. For ex. if you want to select the tab using mouse over event, use the following code in jQuery function .