assistance with jquery toggle focus
<p>I have in a sidebar:</p>

<pre><code>&lt;div id="yyy"&gt; [shortcode]&lt;/div&gt;
</code></pre>

<p>It outputs a title that when hovered on drops down to show a menu.</p>

<p>When hovering on the title a background color shows up and disappears when the mouse moves down to the menu items.</p>

<p>I need for the background color to remain as long as the menu has focus, I need something like:</p>

<pre><code>If div.domTip_tipBody  has focus then #yyy a.tippy_link {background:red;}
</code></pre>

<p>[The following I got from here][1]</p>

<p>I think this will give me what I am looking for but I do not know how to translate</p>

<pre><code>.answerSpace to ? .normProf to ? opacProf to ?
</code></pre>

<p>in:</p>

<pre><code>$('.answerSpace').bind('blur', function(){
$('.normProf').removeClass("normProf").addClass('opacProf'); });

$('.answerSpace').bind('focus', function(){
$('.opacProf').removeClass("opacProf").addClass('normProf'); });
</code></pre>
