Showing/hiding the next div on mouseover of the previous div
<p>This is my php code:</p>

<pre><code>echo '&lt;div class="code" rel="$url"&gt;$title&lt;/div&gt;
    &lt;div class="tip"&gt;Copy and open site&lt;/div&gt;';
</code></pre>

<p>the above is a loop's echo result. Namely, there maybe 0->n like the following html structure</p>

<pre><code>&lt;div class="code" rel="...."&gt;...&lt;/div&gt;
        &lt;div class="tip"&gt;Copy and open site&lt;/div&gt;
</code></pre>

<p>Now, supposed there are 6 results like the above, I want to use jQuery to get when I put the mouse hover on the first <code>&lt;div class="code" rel="...."&gt;...&lt;/div&gt;</code> the only first tip div will show. When I move the mouse out, the div will be hidden. </p>

<p>I think using jQuery alone can't get that effect. There must be some php added to the code, but I don't know how to do that?</p>
