Как медленно спрятать div в javascript

Question

Как медленно спрятать div в javascript

0

У меня есть два div когда я нажимаю кнопку, чтобы закрыть div. второй div движется вверх Я просто хочу сделать это медленно. Я пытаюсь использовать эффект перехода, но не могу помочь? заранее спасибо. играть на скрипке

Hashir Azad 24 апр. 2014, в 09:31

Источник

0

как вы можете судить по количеству ответов - это популярно и легко найти информацию - сначала попробуйте Google перед переполнением стека - я нашел 25 различных статей, напечатав ваш вопрос в Google сначала! :-P - кстати, я не ты -1 батр, поэтому, наверное, ты получил это !!!
Graham Ritchie 24 апр. 2014, в 07:06
0

jsfiddle.net/ssZXA/190
vivek_nk 24 апр. 2014, в 07:07
0

Я обновил свой ответ, так как вы также хотите медленно перемещать еще один элемент div.
Jayesh Goyani 24 апр. 2014, в 07:12
0

я не знаю почему, но я действительно не нашел это на Google, поэтому я спрашиваю это здесь. это мой фол: P?
Hashir Azad 24 апр. 2014, в 07:13

Показать ещё 2 комментария

Теги:

javascript

jquery

html5

css3

9 ответов

3

использовать fadeOut

$( "#closebutton" ).click(function(event)
 {
    $("#notice").fadeOut('slow');  //OR fadeOut('10000') time is in milliseconds
 });

Jsfiddle

Somnath Kharat 24 апр. 2014, в 04:56

2

Plz попробуйте следующее:

$("#notice").hide("slow");

Благодарю.

Raja Danish 24 апр. 2014, в 05:48

2

использование

  $("#notice").slideToggle();

или

 $("#notice").fadeOut();

На месте

 $("#notice").hide();

DMishra 24 апр. 2014, в 05:29

1

Попробуйте это.

<body>
  <div id="myDiv" style="width:200px;height:150px;background-color:red;">
  This is the div that will fade out, slide up, then be removed from the DOM.
  </div>
  <input id="myButton" type="button" value="Fade" />
</body>

$(function() {
     $("#myButton").click(function() {
         $("#myDiv").fadeTo("slow", 0.00, function(){
             $(this).slideUp("slow", function() {
                 $(this).remove();
             });
         });

     });
});

демонстрация

Jayesh Goyani 24 апр. 2014, в 05:56

1

    $("#notice").hide('fade','slow');

DEMO

или

 $("#notice").hide('fade',5000);

5000- указывает, что для скрытия потребуется 5 секунд. вы можете дать любую ценность.

Синтаксис: $ ("селектор"). Hide ('type', time);

Tuhin 24 апр. 2014, в 05:45

1

Просто сделайте это:

$("#notice").hide('fade');

или

$("#notice").hide('slideUp');

вместо $("#notice").hide();

демонстрация

Amit Joki 24 апр. 2014, в 04:49

0

Хорошо, теперь хорошо намного лучше, но я также хочу, чтобы второй div двигался медленно
Hashir Azad 24 апр. 2014, в 07:02

1

Просто примените slow функцию hide и я настроил ваш код следующим образом:

$("#closebutton").button({
    icons: {
        primary: "ui-icon-close"
    },
    text: false
}).click(function(event) {
    $("#notice").hide("slow");
});

Обратитесь к LIVE DEMO

Siva Charan 24 апр. 2014, в 04:41

0

$(function(){

    $(this).html('&laquo;'); 

    $('.slider-arrow').click(function(){    

        var x = $(".slider-arrow").offset();
        if (x.left == "308") 
        {     
            $( ".slider-arrow, .panel").animate({left: "-=300"}, 700);
        }
        else
        {
            $( ".slider-arrow, .panel").animate({left: "+=300"}, 700);    
        }
    });    
});

test 29 июль 2016, в 20:41

Ещё вопросы

как вы можете судить по количеству ответов - это популярно и легко найти информацию - сначала попробуйте Google перед переполнением стека - я нашел 25 различных статей, напечатав ваш вопрос в Google сначала! :-P - кстати, я не ты -1 батр, поэтому, наверное, ты получил это !!!
Я обновил свой ответ, так как вы также хотите медленно перемещать еще один элемент div.
я не знаю почему, но я действительно не нашел это на Google, поэтому я спрашиваю это здесь. это мой фол: P?
Хорошо, теперь хорошо намного лучше, но я также хочу, чтобы второй div двигался медленно

Roman · Accepted Answer · 2014-04-24T04-14-00.000Z

http://jsfiddle.net/ssZXA/185/

прочитайте документацию о .hide() первым аргументом является "продолжительность",

Вы можете использовать $("#notice").hide('slow');

Первый аргумент не продолжительность ...