title: Using jQuery-menu-aim
body: <p>I just found: <a href="http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown" rel="nofollow">http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown</a>, and I want to implement it on my site, but frankly I don't know how.</p>
  
  <p>I read the documentation, and it is as follows:</p>
  
  <ul>
  <li><a href="https://github.com/kamens/jQuery-menu-aim" rel="nofollow">https://github.com/kamens/jQuery-menu-aim</a></li>
  </ul>
  
  <p>But I'm not sure what I should do.</p>
  
  <p>Should this <code>jQuery</code> code be on the <code>index.html</code> page in a <code>&lt;script&gt;</code> tag?</p>
  
  <p>Additionally, I get that I should use it as this:</p>
  
  <pre><code>$("#menu").menuAim({
      activate: $.noop,  // fired on row activation
      deactivate: $.noop,  // fired on row deactivation
  });
  </code></pre>
  
  <p>But how do I know what class I should use?</p>
  
  <p>My menu-code is as follows:</p>
  
  <pre><code> &lt;h3 class="demo-panel-title"&gt;Menu&lt;/h3&gt;
    &lt;div class="row demo-row"&gt;
      &lt;div class="span9"&gt;
        &lt;div class="navbar navbar-inverse"&gt;
          &lt;div class="navbar-inner"&gt;
            &lt;div class="container"&gt;
              &lt;button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class="nav-collapse collapse"&gt;
                &lt;ul class="nav"&gt;
                  &lt;li&gt;
                    &lt;a href="#"&gt;
                      Menu Item
                      &lt;span class="navbar-unread"&gt;1&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="active"&gt;
                    &lt;a href="#"&gt;
                      Messages
                      &lt;span class="navbar-unread"&gt;1&lt;/span&gt;
                    &lt;/a&gt;
                    &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Element One&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;
                        &lt;a href="#"&gt;Sub menu&lt;/a&gt;
                        &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element One&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element Two&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element Three&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt; &lt;!-- /Sub menu --&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Element Three&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;
                        &lt;a href="#"&gt;Sub menu&lt;/a&gt;
                        &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element One&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element Two&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element Three&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element One&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element Two&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Element Three&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt; &lt;!-- /Sub menu --&gt;
                      &lt;/li&gt;
  
                    &lt;/ul&gt; &lt;!-- /Sub menu --&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a href="#"&gt;
                      About Us
                      &lt;span class="navbar-unread"&gt;1&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>