Why is the panel not showing?

Why is the panel not showing?

Hi guys Im using jQuery and I have the following problem. I have a button that shows and displays an adjacent panel, and everything works well, except in that panel i have a button to load some data, and when I click that button, the other button to show the panel doesnt show it again after hiding it. My jquery is following:

  1. var add_student_toggle = false;

  3. $("#add-student-link").click(function()
  4. {
  5.     if (add_student_toggle == true)
  6.     {
  7.         
  8.         $("#col-students").removeClass("col-lg-8");
  9.         $("#col-students").addClass("col-lg-12");       
  10.         
  11.         $("#col-add-students").removeClass("col-lg-4");
  12.         $("#col-add-students").hide();

  14.         add_student_toggle = false;        
  15.     }
  16.     else
  17.     {
  18.         $("#col-students").removeClass("col-lg-12");
  19.         $("#col-students").addClass("col-lg-8");

  21.         $("#col-add-students").show();
  22.         $("#col-add-students").addClass("col-lg-4");

  24.         add_student_toggle = true;        
  25.     }
  26. });

Add Student