показать сообщение об ошибке с эффектом постепенного исчезновения в Codeigniter с Bootstrap Alert

Question

Я сделал Crud System в Codeigniter с именем, полями электронной почты, она работает нормально, но после завершения вставки, обновления или удаления она показывает сообщение об успехе в bootstrap предупреждении в части просмотра.

но я хочу bootstrap появляется предупреждающее сообщение, и через несколько секунд оно исчезает.

Код контроллера: -

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class User extends CI_Controller {

    function __construct() {
        parent::__construct();
        $this->load->model('User_model');
    }   

    public function create()
    {   

        $this->form_validation->set_rules('name','Name','required');        
        $this->form_validation->set_rules('email','Email','required|valid_email');      

        if($this->form_validation->run() == false){
                $this->load->view('create');
            }
        else{
            $formArray = array();
            $formArray['name']=$this->input->post('name');
            $formArray['email']=$this->input->post('email');
            $formArray['created_at']= date('Y-m-d');

            $this->User_model->create($formArray);
            $this->session->set_flashdata('success','Record added Successfully!!!');
            redirect(base_url().'User/index');  
        }       
    }
}
?>

Код модели: -

<?php

class User_model extends CI_Model {

        function create($formArray){
            $this->db->insert('users',$formArray);  
        } 
    }
?>

Вставить часть формы : -

<div class="row">
        <form method="POST" action="<?php echo base_url().'User/create';?>">
        <div class="col-md-6">

            <div class="form-group">
                <label>Name :</label>
                <input type="text" name="name" class="form-control" value="<?php echo set_value('name');?>"  >
                <span style="color:red;"><?php echo form_error('name');?></span>    
            </div>  
            <div class="form-group">
                <label>Email-Id :</label>
                <input type="text" name="email" class="form-control" value="<?php echo set_value('email');?>" >
                <span style="color:red;"><?php echo form_error('email');?></span>       
            </div>

            <div class="form-group">
                <button class="btn btn-primary">Create</button> 
                <a href="<?php echo base_url().'User/index'; ?>" class="btn btn-info">Cancel</a>    
            </div>

        </div>
        </form>
    </div>

Просмотреть кодовую часть: -

<div class="container">
     <div class="row">
        <?php 
           if($this->session->flashdata('success')){
         ?>
           <div class="alert alert-success "> 
             <?php  echo $this->session->flashdata('success'); ?>
        <?php    
        } else if($this->session->flashdata('error')){
        ?>
         <div class = "alert alert-danger">
           <?php echo $this->session->flashdata('error'); ?>
         </div>
        <?php } ?>

     </div> 

Answer 1

Просмотреть кодовую часть: -

<div class="container">
     <div class="row">
        <?php 
           if($this->session->flashdata('success')){
         ?>
           <div class="alert alert-success "  style="display:none;"> 
             <?php  echo $this->session->flashdata('success'); ?>
        <?php    
        } else if($this->session->flashdata('error')){
        ?>
         <div class = "alert alert-danger"  style="display:none;">
           <?php echo $this->session->flashdata('error'); ?>
         </div>
        <?php } ?>

     </div> 

Добавить такой скрипт: -

$(".alert").fadeIn(1000).fadeOut(5000);