css and jquery not working after ajax call

css and jquery not working after ajax call

index.php
  1. <aside id="left-sidebar-nav">
  2.           <ul id="slide-out" class="side-nav fixed leftside-navigetion custom_scrollbar shadow fetch_data_menu">

  3.           </ul>
  4.         </aside>
  5. ---------------------------------------------------------------------
  6. function fetch_menu(){
  7.             $.ajax({
  8.               url:"select_menu.php",
  9.               method:"POST",
  10.               success:function(res)
  11.               {
  12.                 $('.fetch_data_menu').html(res);
  13.               }
  14.             });
  15.           }
  16. fetch_menu();

select_menu.php
  1.  $conn = new PDO('mysql:host=localhost;dbname=rumcbakz_workcase','root', '12345678');
  2.  $output = '';
  3.  $siteId = 57;
  4. // $sql = $conn->prepare('SELECT * FROM tbl_sites WHERE siteId = :siteId');
  5.  $sql = $conn->prepare('SELECT * FROM tbl_sites');
  6. // $sql->bindParam(':siteId',$siteId);
  7.  $sql->execute();
  8.  while($row = $sql->fetch(PDO::FETCH_OBJ)){
  9.    $output .= "
  10.    <li class=\"hover-btn\">
  11.     <ul class=\"collapsible\" data-collapsible=\"accordion\">
  12.       <li>
  13.         <div id=\"col-btn\" class=\"collapsible-header\" style=\"font-size:1.5em;\"><i class=\"material-icons\">filter_drama</i>$row->siteCode</div>
  14.         <div id=\"col-body\" class=\"collapsible-body\" style=\"display: block;\">
  15.           <ul>
  16.             <li><a href=\"#\" style=\"font-size:18px;\">Get Requiement</a></li>
  17.             <li><a href=\"#\" style=\"font-size:18px;\">Develop</a></li>
  18.           </ul>
  19.         </div>
  20.       </li>
  21.     </ul>
  22.    </li>
  23.    ";
  24.  }
  25. echo $output;