$(function(){ var lcpage = $('.rela span'); var lcdetail = $('.lcimg'); var iboximg = $('.cir img'); lcpage.hover(function(){ var index = $(this).index(); lcdetail.eq(index-22).slidedown('fast'); },function(){ lcdetail.slideup('fast'); }) }) $(function(){ $('.ho1').hover(function(){ $('.cir1').show(); },function(){ $('.cir').hide(); }) $('.ho2').hover(function(){ $('.cir1').show(); $('.cir2').show(); },function(){ $('.cir').hide(); }) $('.ho3').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); },function(){ $('.cir').hide(); }) $('.ho4').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); },function(){ $('.cir').hide(); }) $('.ho5').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); },function(){ $('.cir').hide(); }) $('.ho20').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); },function(){ $('.cir').hide(); }) $('.ho6').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); },function(){ $('.cir').hide(); }) $('.ho7').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); },function(){ $('.cir').hide(); }) $('.ho8').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); },function(){ $('.cir').hide(); }) $('.ho9').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); },function(){ $('.cir').hide(); }) $('.ho21').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); },function(){ $('.cir').hide(); }) $('.ho10').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); },function(){ $('.cir').hide(); }) $('.ho11').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); },function(){ $('.cir').hide(); }) $('.ho22').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); },function(){ $('.cir').hide(); }) $('.ho23').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); },function(){ $('.cir').hide(); }) $('.ho12').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); },function(){ $('.cir').hide(); }) $('.ho13').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); },function(){ $('.cir').hide(); }) $('.ho14').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); },function(){ $('.cir').hide(); }) $('.ho15').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); $('.cir20').show(); },function(){ $('.cir').hide(); }) $('.ho16').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); $('.cir20').show(); },function(){ $('.cir').hide(); }) $('.ho17').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); $('.cir20').show(); $('.cir21').show(); },function(){ $('.cir').hide(); }) $('.ho18').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); $('.cir20').show(); $('.cir21').show(); },function(){ $('.cir').hide(); }) $('.ho19').hover(function(){ $('.cir1').show(); $('.cir2').show(); $('.cir3').show(); $('.cir4').show(); $('.cir5').show(); $('.cir6').show(); $('.cir7').show(); $('.cir8').show(); $('.cir9').show(); $('.cir10').show(); $('.cir11').show(); $('.cir12').show(); $('.cir13').show(); $('.cir14').show(); $('.cir15').show(); $('.cir16').show(); $('.cir17').show(); $('.cir18').show(); $('.cir19').show(); $('.cir20').show(); $('.cir21').show(); $('.cir22').show(); },function(){ $('.cir').hide(); }) })