How do I write .level+1 as a selector in JQuery or JavaScript?
<p>A quick question. I have a series of DIVs with the following classes <code>.level1</code> <code>.level2</code> <code>.level3</code></p>

<p>This is what I want to happen...When I hover over <code>.level1</code> I would like the selector to select <code>.level2</code>. In other words <code>.level</code>+1 whatever I hover over.</p>

<p>How do I write this in JavaScript or JQuery ...The <strong>X</strong> in the code is where I need this to go</p>

<pre><code>$(".no-submenu").hover(function() {
  $.data(this, "timer", setTimeout($.proxy(function() {

    $( X ).hide();

  }, this), 700));
}, function() {
  clearTimeout($.data(this, "timer"));
});
</code></pre>

<p>Any help is greatly appreciated, Thanks</p>
