Сделайте div сглаживать больше и просматривать другой контент, переключая

Question

у меня есть div, называемый foo.Это CSS для div:

background-color: #FFFF00;
float:right;
width: 50px;
height: 50px;

в правом верхнем углу другого div.Ну, если я нажму на него, я хочу изменить содержимое плавно и изменить размер / css плавно на следующее:

background-color: #FFFF00;
float: right;
width: 255px;

И я хочу переключить его ... Я знаю, что все это возможно с jQuery, но как?Какие функции я могу использовать?И как лучше всего это сделать?

Привет

Answer 1

Да, вы можете сделать это с помощью функции переключения и анимации, см. Этот пример:

    $(document).ready(function(){   $(".slide").toggle(
    function () {
        $("#slider").animate({marginLeft: "-400px"}, 1000, "easeInOutQuad")
    },
    function () {
        $("#slider").animate({marginLeft: 0}, 1000, "easeInOutQuad")
    }
);});

Вы можете изменить параметры в соответствии со своими потребностями