title: Collapsible Sidebar with React and Bootstrap
body: <p>I want to make a collapsable sidebar using Bootstrap and React and I'm following this tutorial. 
  <a href="http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/" rel="nofollow">http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/</a></p>
  
  <p>I was able to generate a static site, but I can't get the jquery script to work with React. I have a few Jquery files from an old site that I'll be transferring to the new React site. Do I need to take a different approach?</p>
  
  <pre><code>$("#menu-toggle").click(function(e) {
          e.preventDefault();
          $("#wrapper").toggleClass("toggled");
      });
       $("#menu-toggle-2").click(function(e) {
          e.preventDefault();
          $("#wrapper").toggleClass("toggled-2");
          $('#menu ul').hide();
      });
  
       function initMenu() {
        $('#menu ul').hide();
        $('#menu ul').children('.current').parent().show();
        //$('#menu ul:first').show();
        $('#menu li a').click(
          function() {
            var checkElement = $(this).next();
            if((checkElement.is('ul')) &amp;&amp; (checkElement.is(':visible'))) {
              return false;
              }
            if((checkElement.is('ul')) &amp;&amp; (!checkElement.is(':visible'))) {
              $('#menu ul:visible').slideUp('normal');
              checkElement.slideDown('normal');
              return false;
              }
            }
          );
        }
      $(document).ready(function() {initMenu();});
  </code></pre>