требуется свойство 4 анимации

Question

код в порядке, но когда я перемещаю мою мышь, синяя стрелка возвращается и нормально, и эффект зависания снова не работает. высота должна быть автоматической и фиксированной. Я не знаю, что делать с помощью PLS. это страница, и моя проблема http://www.redmanproduction.com/webtest/tour.html

$('.tur-maindiv').toggle(
function(){ 
    $('.tur-imgcorner').css('background-image', 'url(img/turbtnorangebothup.png)'); 
}, 

function(){ 
    $('.tur-imgcorner').css('background-image', 'url(img/turbtnorangebothl.png)'); 
}); 

вторая часть

$(".tur-maindiv").toggle(function() { 
$('.tur-maindiv').addClass("current").css('border-color', 'rgba(255,101,70,1.00)'); 
$(".tur-box1").animate({ 
    height: auto (how to fix the speed of animation) 
}); 

третья часть

$(".tur-maindiv").removeClass("current").css('border-color', 'rgba(131,200,222,1.00)'); 
$(".tur-imgcorner").removeClass("current").css('background-image', 'url(img/turbtnorangebothup.png)'); 
$(".tur-box1").animate({ 
    height: 102 
}); 

мне нужно 3 сценария для этого? или как я могу использовать один код для всех? Спасибо за помощь.

Answer 1

попытается дать ответ в соответствии с моим пониманием вашей проблемы

Начнем с парения эффекта

Пусть говорят ваш родительский элемент является DIV с идентификатором «TUR-maindiv» (обратите внимание, что я предпочитают выбирать по идентификатору элемента, а не класс)

$(document).ready(function(){ 
    $('#tur-maindiv').hover(function() { 
    // when user hovers over the main div 
    $(this).css('background-image', 'url(img/turbtnorangebothup.png)'); 
    }, 
    function(){ 
    //when user hovers out 
    $(this).css('background-image', 'url(img/turbtnorangebothl.png)'); 
    } 
); 
}); 

Теперь для функциональности скрыть шоу, когда пользователь нажимает на DIV.

$('#tur-maindiv')click(function(){ 
    $(this).toggle('slow', function(){$(this).addClass("current").css('border-color', 'rgba(255,101,70,1.00)'); 
    $(".tur-box1").animate({ 
    height: 281 
    });  
    });