JQuery: How to select other elements based on their relationship with an element represented by the this key-word?
<p>I've a few titles and a divs that wraps the content related to each title. when the page loads, I add a <strong>plus image</strong> inside each header-title. I also, hide divs with their content. When user clicks the title, I'd like (1)to change plus image into minus image and (2) display the div and their content.</p>

<pre><code>$(function () {
    $("h6.blue").append(" &lt;img src='../../Content/images/Effects/plus.gif' /&gt;");
    $("h6.blue+div").hide();
    //
    $("h6.blue").click(function (event) {
        if (this == event.target) {
         //Add code here...   
        }
    });
});
</code></pre>

<p>Above it was easier to write <strong>$("h6.blue+div")</strong> from <strong>$("h6.blue")</strong>. But with a <strong>this</strong> key-word arround, how do I do it? Can I do something like the code below?</p>

<pre><code>if (this == event.target) {
        $(this + "div")...   
}
</code></pre>

<p>In fact, I want to select the div which is the direct sibling of the <strong>h6.blue</strong> contained in the <strong>this</strong>.</p>

<p><strong>EDIT</strong></p>

<p>Below is the Html code</p>

<pre><code>&lt;h6 class = "blue"&gt;My fisrt Title&lt;/h6&gt;
&lt;div&gt;
     Content here...
&lt;/div&gt;
&lt;h6 class = ""&gt;My second Title&lt;/h6&gt;
&lt;div&gt;
   Content here...
&lt;/div&gt;
 And so on...
</code></pre>

<p>Thanks for helping</p>
