jQueryで簡単にメッセージをスーッと消す　setTimeoutの実装方法

head内でjQueryを読み込む

<script type="text/javascript" src="<?= base_url()?>js/jquery-1.5.2.min.js"></script>

エラーの場合に表示するメッセージにidをつける

ここではid=’msg’としている。setTimeoutでスーッと消したいid名を指定する。

<?php if($error != ""): ?>
<div id="msg" class="alert-danger"><?php echo $error ?></div>
<?php endif; ?>
<script>
  $(function(){
    setTimeout(function(){
      $('#msg').fadeOut("slow");
    },800);
  });
</script>