jquery Control page expansion and concealment implementation method (recommended) _jquery

"JQuery Code"

<script> 
      require (["jquery", "Validate", "Bootstrap", "Lhgcalendar"],function ($) { 
        $ (function () {   
          $ ("form"). Validate (); 
    
        $ ('. up '). Click (function () {$ (this). Parent (). Parent (). Parent ( 
          ). Parent (). Next (). Slidetoggle ("slow"); 
        }); 
        
 

"HTML code"

<div class= "Panel Panel-default" > <table class= "Table table-bordered" > <thead> <tr class= "Acti VE "id=" A3 "> <th width=" 15% "style=" Text-align:center " > Join status </th> <th width= "25%" style= "Text-align:center;" > Application Form </th> <th width= "25%" style= "Text-align:center;" > Audit situation </th> <th width= "25%" style= "Text-align:center;" > Operation </th> <th width= "10%" style= "Text-align:center;" > Hide/Expand Switch </th> </tr> </thead> <tbod> <tr style= "Text-align:center" class= "active" &G 
  T <td><strong class= "text-warning" > 1th step: echo $stage->name;? ></strong></td> <td><a href= "#" > "Information table" </a></td> <td>-</td> < td>-</td> <td> <span class= "Up Text-info ><i class=" Glyphicon glyphicon-chevron-down "style=" padding:0px 5px 0 5px; " ></i></span> </td> </tr> </tbody> </table> <div class= "Panel-body" style= "Display:none;" > <table class= "table" > <tbody> <tr> <td>-</td> <td>-</td>& Lt;pre name= "code" class= "HTML" > <td>-</td> </tr> </tbody> </table> </di   V> </div>

The above is a small series for you to bring the jquery control page to expand and hide the implementation method (recommended) All content, I hope that we support cloud-Habitat Community ~