Question

我试图通过JQuery实现效果，当触发时，新文本会按下旧文本并使旧文本消失。它基本上是一个花哨的文字替换：新的推动旧的，旧的停止存在。

有人在此JSFiddle上创建了类似的内容。

var slider = $("#slider");
  $("#button").on('click', function(){
  slider.slideUp(1500, function(){        
    slider.html("been changed").slideDown(1500);                        
  });
});

但是那个做了相反的事情。它向上滑动，使旧的消失。反转方法并不起作用。是否有另一种方法可以实现我想要做的事情？

Answer 1

检查出来。

＆＃13;

var slider = $("#slider");
var slider2 = $("#slider2");
$("#button").on('click', function(){
slider2.html("been changed");
slider2.slideDown(1500, function(){
     slider.css("display","none");
});

});

＆＃13;

#slider {
border: 3px green solid;
width: 200px;
height: 200px;    
}
#slider2 {
border: 3px green solid;
width: 200px;
height: 200px;
display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="slider2">
</div>
<div id="slider">
    should change
</div>
<button id="button">Click me!</button>

＆＃13;

希望你的权利合适。： - ）

JQuery：通过按下旧文本来更改文本

1 个答案: