Based on jquery horizontal accordion effect, jquery horizontal accordion

Based on jquery horizontal accordion effect, jquery horizontal accordion

The jquery-based horizontal accordion effect is a jquery-based switch between left and right sliding accordion images. As follows:

Download Online Preview source code

As follows:

<Div class = "flash"> <div class = "con"> <ul> <li class = "current ti1"> 
Javascript code:
var timer=null;var i=0;$(function(){    $(".flash .con ul li").mouseover(function(){        clearInterval(timer);    });    $(".flash .con ul li").click(function(){        $(this).stop().animate({width:"970px"},300).siblings().stop().animate({width:"46px"},300)    });    $(".flash .con ul li").mouseout(function(){        timer=setInterval("startMove()",2000)    });    })function startMove(){  i++;  if(i>$(".flash .con ul li").length-1){i=0}  $(".flash .con ul li").stop().eq(i).animate({width:"970px"},300).siblings().stop().animate({width:"46px"},300)};timer=setInterval("startMove()",2000)
Via: http://www.w2bc.com/Article/43486