Using 2 Javascripts on one page -


i added javascript menu website (see link below) alpineglass.biz/alpinesample.html

and trying add pop request form jotform.com.

when add 2 javascripts page, menu pictures stick when scrollover , don't show sub menus. (see link below) alpineglass.biz/contactus.html

how both work?

here code menu:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>     <script type="text/javascript" src="jquery.easing.1.3.js"></script>     <script type="text/javascript">         $(function() {             /**             * each menu element, on mouseenter,              * enlarge image, , show both sdt_active span ,              * sdt_wrap span. if element has sub menu (sdt_box),             * slide - if element last 1 in menu             * slide left, otherwise right             */             $('#sdt_menu > li').bind('mouseenter',function(){                 var $elem = $(this);                 $elem.find('img')                      .stop(true)                      .animate({                         'width':'170px',                         'height':'170px',                         'left':'0px'                      },400,'easeoutback')                      .andself()                      .find('.sdt_wrap')                      .stop(true)                      .animate({'top':'140px'},500,'easeoutback')                      .andself()                      .find('.sdt_active')                      .stop(true)                      .animate({'height':'170px'},300,function(){                     var $sub_menu = $elem.find('.sdt_box');                     if($sub_menu.length){                         var left = '170px';                         if($elem.parent().children().length == $elem.index()+1)                             left = '-170px';                         $sub_menu.show().animate({'left':left},200);                     }                    });             }).bind('mouseleave',function(){                 var $elem = $(this);                 var $sub_menu = $elem.find('.sdt_box');                 if($sub_menu.length)                     $sub_menu.hide().css('left','0px');                  $elem.find('.sdt_active')                      .stop(true)                      .animate({'height':'0px'},300)                      .andself().find('img')                      .stop(true)                      .animate({                         'width':'0px',                         'height':'0px',                         'left':'85px'},400)                      .andself()                      .find('.sdt_wrap')                      .stop(true)                      .animate({'top':'25px'},500);             });         });     </script> 

here code jotform javascript:

<script src="http://cdn.jotfor.ms/static/feedback2.js?3.1.349" type="text/javascript"> new jotformfeedback({ formid:'31116060957147', base:'http://jotform.us/', windowtitle:'request free quote', background:'#50a351', fontcolor:'#ffffff', type:false, height:500, width:500 }); </script> <a class="lightbox-31116060957147" style="cursor:pointer;color:black;text-decoration:underline;">[request free quote]</a>        


Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -