connected<script src="../js/jquery-1.10.2.min.js"></script>
<script>
    $(document).ready(function() {
        $('.uppers h4').click(function() {

            $(this).next('.answer').slideToggle(500);
            $(this).toggleClass('close');

        });
        $('#ch').click(function(){

            if(this.checked)
            {
                $("input[name='check[]']").each(function(){
                    this.checked=true;
                });
            }
            else
            {
                $("input[name='check[]']").each(function(){
                    this.checked=false;
                });
            }

        })

    }); // end ready
</script>

<table class="tablestyle table table-striped table-bordered table-hover" id="sample_2">
        <thead>
        <tr>
            <td>Sr#</td>

            <td>Topic</td>
            <td>Topic User</td>
            <td>Date</td>
            <td>Reply</td>
            <td>View</td>
            <td>Status</td>
            <td>Action</td>
        </tr>
        </thead>
        <tbody>
                </tbody>
    </table>
    <script>
        $jq(document).ready(function(){
            $jq('#tables').dataTable({bFilter: false, bInfo: false, "bLengthChange": false});


        });
    </script>
</div>