知识点:jquery two

$(document).ready(function(){ $(‘.vacations’).on(‘click’,’.vacation’, function(){ $(this).css(‘background-color’ ‘’, ‘broder-color’ ‘’); $(this).find(‘.price’).show(); }); });

$(document).ready(function() { $(‘.tour’).on(‘mouseenter’, function() { $(this).css({‘background-color’: ‘#252b30’, ‘font-weight’: ‘bold’}); $(this).find(‘.photos’).show(); }); $(‘.tour’).on(‘mouseleave’, function() { $(this).removeClass(‘highlight’); }); });

$(document).ready(function() { $(‘.tour’).on(‘mouseenter’, function() { $(this).addClass(‘highlight’); $(this).find(‘.photos’).show(); }); $(‘.tour’).on(‘mouseleave’, function() { $(this).removeClass(‘highlight’); }); });

$(document).ready(function() { $(‘.tour’).on(‘mouseenter’, function() { $(this).addClass(‘highlight’); $(this).find(‘.per-night’).animate({‘top’: ‘-14px’, ‘opacity’: ‘1’}, ‘fast’); }); $(‘.tour’).on(‘mouseleave’, function() { $(this).removeClass(‘highlight’); $(this).find(‘.per-night’).animate({‘top’: ‘0px’, ‘opacity’: ‘0’}, ‘fast’); }); });

$(document).ready(function(){ $(‘.vacations’).on(‘click’,’.vacation’, function(){ $(this).toggleClass(‘highlight’); if($(this).hasClass(‘highlight’)) {$(this).animate({‘top’: ‘-10px’},’fast’);} else {$(this).animate({‘top’: ‘0px’}, ‘fast’);} }); });