動きを表現できるJQueryを探しています。

簡単な内容となりますが、検索して見つけれなかったので質問させてください。

https://www.flyforit.jp/
このサイトの、添付部分のような動き（横からスライドで表示される）をJQueryにて実現したいのですが、ライブラリなどがわからずにいます。

どういうJQueryを使えば実現できますでしょうか？
低レベルな質問にて申し訳ございません。

私は、Javascriptに関しては、自分で作れるスキルがありませんので、ライブラリを使用できればと思っております。

失礼いたします。

行動規範の内容に同意します

回答2件

ベストアンサー

jQueryUIで処理してみてはどうでしょう？
スライドインしてくる感じだとこう？

javascript
1<style>
2#hoge,#fuga{width:100%,height:300px;background-Color:red;color:white;font-size:10em;}
3</style>
4<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
5<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
6<script>
7$(function(){
8  $('#hoge').hide().show("slide", {direction: "left"}, 1000);
9  $('#fuga').after($('<div>').css({
10  height:$('#fuga').height(),
11  width:$('#fuga').width(),
12  backgroundColor:'white',
13  position:'absolute',
14  top:$('#fuga').offset().top,
15  }));
16  $('#fuga').next('div').hide("slide", {direction: "right"}, 1000);
17});
18</script>
19test
20<div id="hoge">hogehoge</div>
21test
22<div id="fuga">fugafuga</div>
23test