BUENAS!
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