jQueryでクリックでフェードイン・フェードアウトさせる

harada 59views 更新:2016年8月1日

jQueryはあらかじめ読み込んでおいて下さい。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

JavaScript

<script type="text/javascript">
$(function() {
  $('#open').click(function(){
      $('#open').fadeToggle();
  });
});
</script>

HTML

<a id="open" href="#base_page">◯◯を開く</a>
<div id="sample" style="display: none;">
なかみ
</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません