JSFiddle - React, Tailwind, and code Playground

HTML

<form class="ser_form">
   <div class="table_show">
    <table>
        <tbody><tr>
                <th><input type="checkbox" value="true" name="check_all"></th>
                <th>#</th>
                <th>نوع</th>
                <th>نام</th>
                <th>ستاره - نوع</th>
                <th>آدرس</th>
                <th>شماره تماس</th>
                <th>نمابر</th>
                <th>وب سایت</th>
                <th>ایمیل</th>
                <th>زمان ثبت</th>
        </tr>
    <tr id="paginate"><td><input type="checkbox" value="21" name="checked[]"></td><td>1</td><td>هتل آپارتمان</td><td></td><td>1 - top</td><td><span class="tooltip" id=""></span></td><td><span class="tooltip" id="0">0</span></td><td>0</td><td></td><td></td><td>0000-00-00</td></tr><tr id="paginate"><td><input type="checkbox" value="20" name="checked[]"></td><td>2</td><td>سوئیت</td><td></td><td>1 - top</td><td><span class="tooltip" id=""></span></td><td><span class="tooltip" id="0">0</span></td><td>0</td><td></td><td></td><td>0000-00-00</td></tr><tr id="paginate"><td><input type="checkbox" value="19" name="checked[]"></td><td>3</td><td>سوئیت</td><td></td><td>1 - top</td><td><span class="tooltip" id=""></span></td><td><span class="tooltip" id="0">0</span></td><td>0</td><td></td><td></td><td>0000-00-00</td></tr>    </tbody></table>
    <div class="hesar_pagination">
    <div class="prev_pag"></div>
    <div class="hesar_number">
    <div class="pagination">

  &nbsp;<strong>1</strong>&nbsp;<a href="http://binboy.gigfa.com/admin/accommodation/show/3">2</a>&nbsp;<a href="http://binboy.gigfa.com/admin/accommodation/show/6">3</a>&nbsp;<a href="http://binboy.gigfa.com/admin/accommodation/show/9">4</a>&nbsp;<a href="http://binboy.gigfa.com/admin/accommodation/show/12">5</a>&nbsp;<a href="http://binboy.gigfa.com/admin/accommodation/show/15">6</a>&nbsp;<a href="http://binboy.gigfa.com/admin/accommodation/show/18">7</a>&nbsp;<a...

CSS

body {
    background: url("../image/admin/bg.gif") repeat-x scroll 0 0 transparent;
   
    margin: 0 auto;
    padding: 0;
}
a:link {
    color: #333333;
    text-decoration: none;
}
a:visited {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #909090;
}
a:active {
    color: #400040;
    text-decoration: none;
}
.clear {
    clear: both;
}
#loadingDiv {
    font: 20px Tahoma,Arial,Helvetica,Sans-serif;
    height: 64px;
    left: 50%;
    margin: -50px auto 0 -50px;
    position: fixed;
    top: 50%;
    width: 74px;
    z-index: 99999999;
}
div.wrapper {
    display: block;
    margin: 0;
    text-align: left;
    width: 100%;
}
.col1 {
    background-color: #E86489;
}
#logo_siran {
    display: block;
    margin: 30px auto;
    width: 100%;
}
#logo_siran {
    background: url("../image/admin/login-spirit.png") repeat scroll 0 77px transparent;
    height: 75px;
    width: 180px;
}
#head_login {
    background: url("../image/admin/login-spirit.png") repeat scroll -2px -5px transparent;
    height: 88px;
    width: 445px;
}
#main_login {
    background: url("../image/admin/bg-login.gif") repeat-y scroll 0 0 transparent;
    margin: 0 0 0 10px;
    width: 428px;
}
#input_username {
    background: url("../image/admin/login-spirit.png") repeat scroll -2px -233px transparent;
    border: medium none;
    color: #9D9D9D;
    direction: ltr;
    font: 20px Tahoma,Arial,Helvetica,Sans-serif;
    height: 40px;
    margin: 15px -90px 0 0;
    outline: medium none;
    padding: 2px 20px 0 10px;
    text-align: left;
    width: 263px;
}
#input_password {
    background: url("../image/admin/login-spirit.png") repeat scroll -2px -233px transparent;
    border: medium none;
    color: #9D9D9D;
    direction: ltr;
    font: 20px Tahoma,Arial,Helvetica,Sans-serif;
    height: 40px;
    margin: 15px -90px 0 0;
    outline: medium none;
    padding: 2px 20px 0 10px;
    text-align: left;
    width: 263px;
}
#capcher_code {
    float: right;
    height:...

JavaScript

$("#del").click(function(e){
e.preventDefault();
    alert("");
    $this = $('.ser_form #paginate input:checkbox:checked').parent().parent();
   setTimeout( function() {
       alert("ajax success call back");
       $this.fadeOut("slow");
    }, 1000 );
    
    
   
});