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
Post a Comment