title: How to make Superfish menu vertical in first level but horizontal in second level?
body: <p>I use Superfish menu within Drupal7 and my first item level is designed vertical. Now I want to style my second item level horizontal. How could I do this? I tried different CSS approaches, added some class names via jQuery like </p>
  
  <p>$('first-level li')find('ul').addClass('sf-vertical');</p>
  
  <p>but nothing helped. tnx!</p>
  
  <p>edit: <a href="http://jsfiddle.net/headkit/2vaQ3/3/" rel="nofollow">here is a jsfiddle</a> and my menu looks like</p>
  
  <pre><code>&lt;ul id="superfish-1" class="sf-menu menu-page-menu sf-vertical sf-style-none sf-total-items-6 sf-parent-items-1 sf-single-items-5 sf-js-enabled"&gt;
      &lt;li id="menu-622-1" class="first odd sf-item-1 sf-depth-1 sf-no-children"&gt;Item 1&lt;/li&gt;
      &lt;li id="menu-623-1" class="middle even sf-item-2 sf-depth-1 sf-total-children-5 sf-parent-children-0 sf-single-children-5 menuparent"&gt;Item 2
          &lt;ul class="sf-vertical sf-hidden"&gt;
              &lt;li id="menu-633-1" class="first odd sf-item-1 sf-depth-2 sf-no-children" style="white-space: normal; float: left; width: 100%; "&gt;SubItem &lt;/li&gt;
              &lt;li id="menu-634-1" class="middle even sf-item-2 sf-depth-2 sf-no-children" style="white-space: normal; float: left; width: 100%; "&gt;SubItem &lt;/li&gt;
              &lt;li id="menu-635-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children" style="white-space: normal; float: left; width: 100%; "&gt;SubItem &lt;/li&gt;
              &lt;li id="menu-636-1" class="middle even sf-item-4 sf-depth-2 sf-no-children" style="white-space: normal; float: left; width: 100%; "&gt;SubItem &lt;/li&gt;
              &lt;li id="menu-637-1" class="last odd sf-item-5 sf-depth-2 sf-no-children" style="white-space: normal; float: left; width: 100%; "&gt;SubItem &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li id="menu-624-1" class="middle odd sf-item-3 sf-depth-1 sf-no-children"&gt;Item 3&lt;/li&gt;
      &lt;li id="menu-625-1" class="middle even sf-item-4 sf-depth-1 sf-no-children"&gt;Item 4&lt;/li&gt;
      &lt;li id="menu-626-1" class="middle odd sf-item-5 sf-depth-1 sf-no-children"&gt;Item 5&lt;/li&gt;
      &lt;li id="menu-627-1" class="last even sf-item-6 sf-depth-1 sf-no-children"&gt;Item 6&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>