Nuevamente recurro a ustedes ya que me he roto el cerebro viendo DONDE ESTÁ EL ERROR!
Tengo los siguientes códigos:
Código Javascript:
Ver original
<script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function() { $('ul.nav a').bind('click',function(event){ var $anchor = $(this); $('html, body').stop().animate({ scrollTop: $($anchor.attr('href')).offset().top }, 1500,'easeInOutCubic'); event.preventDefault(); }); }); </script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#formLeft .input-bg").hover(function() { $(this).addClass("active"); }, function() { $(this).removeClass("active"); }); $("#formLeft input").focus(function() { $(this).parent().addClass("active"); }); $("#formLeft input").blur(function() { $("#formLeft .input-bg").removeClass("active"); }); $("#formRight .message-bg").hover(function() { $(this).addClass("active"); }, function() { $(this).removeClass("active"); }); $("#formRight textarea").focus(function() { $(this).parent().addClass("active"); }); $("#formRight textarea").blur(function() { $("#formRight .message-bg").removeClass("active"); }); $("#commentForm").validate(); }); </script>
EL PROBLEMA:
Resulta que ninguno de los dos funciona, es decir, se anulan entre si, ya que si borro el de movimiento, funciona el de HIGHLIGHT y VALIDATE, pero si dejo el de movimiento y dejo los otros, funciona el de movimiento y no los otros...
Qué estoy haciendo mal?
GRACIAS POR SU AYUDA!!
PD: Esta es la pagina para que vean qué pasa... http://www.agrokit.cl/index_test.html