title: trigger introJs With a button or link
body: <p>I've used this Tutorial in order to create a guide
  <a href="http://www.hongkiat.com/blog/introjs-step-by-step-guide-tutorial/" rel="nofollow">http://www.hongkiat.com/blog/introjs-step-by-step-guide-tutorial/</a></p>
  
  <pre><code>$(function(){
    var introguide = introJs();
    // var startbtn   = $('#startdemotour');
  }
  
  introguide.setOptions({
      steps: [
          {
            element: '.nav-bar',
            intro: 'This guided tour will explain the Hongkiat demo page interface.&lt;br&gt;&lt;br&gt;Use the arrow keys for navigation or hit ESC to exit the tour immediately.',
            position: 'bottom'
          },
          {
            element: '.nav-logo',
            intro: 'Click this main logo to view a list of all Hongkiat demos.',
            position: 'bottom'
          },
          {
            element: '.nav-title',
            intro: 'Hover over each title to display a longer description.',
            position: 'bottom'
          },
          {
            element: '.readtutorial a',
            intro: 'Click this orange button to view the tutorial article in a new tab.',
            position: 'right'
          },
          {
            element: '.nav-menu',
            intro: "Each demo will link to the previous &amp; next entries.",
            position: 'bottom'
          }
      ]
  });
  </code></pre>
  
  <p>But I could not find a way or I did not understand :)
  How to trigger introJs With a button or link.
  In addition, I've search on the Internet User's Guide
  But I did not find enough information on the subject:(</p>
  
  <p>I tried this:</p>
  
  <pre><code>&lt;a href = "javascript: void (0);" onclick = "javascript: introJs (). start ();"&gt; Show me how &lt;/a&gt;
  </code></pre>
  
  <p>&amp;</p>
  
  <pre><code>&lt;a class="btn btn-large btn-success" href="javascript:void(0);" onclick="startIntro();"&gt;Show me how&lt;/a&gt;
  </code></pre>
  
  <p>But nothing happens</p>
  
  <p>please help me</p>