Sliding Tab Using jQuery

Sliding Tab using jQuery

Necessity of space [ in display area] leads us to use new techniques.  So as to minimize the space in short space utilization we are using a tab which on click [ You can use Mouseover/Out Function too ] Maximize and Minimize the other tabs.  Also it’s a  6-7 line Jquery code we used for sliding purpose.
Here it looks like:

Sliding tab – When Load

Sliding Tab – On Click Event

Here is the jQuery code for sliding tab..

$(".all_block").click(function() {
	$(this).animate({width:650},"slow");
	$(this).prevAll("div").animate({width:50},"slow");
	$(this).nextAll("div").animate({width:50},"slow");});
/* Code For Reset All */
$("#reset_").click(function() {
	$("#container").children("div").animate({width:200},"slow");});

For Complete Source click on Read More

Read more of this post

Advertisements
%d bloggers like this: