css and jquery not working after ajax call

css and jquery not working after ajax call

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

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

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