jQuery to open independently content of each button with the same class
<p>I don't think my question is difficult but I'm just a newbie in jQuery and this forum so hope that you can help me with this problem. I just want to open seperately the content of two divs by two button with the same class name and for easier to understand I will show my code snippet first:</p>

<pre><code>&lt;div id="CNN"&gt;
    &lt;div id="article1"&gt;
        &lt;div class="content"&gt;
            My content of CNN goes here
        &lt;/div&gt;

        &lt;div class="more"&gt;
            My button goes here     
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id="Bloomberg"&gt;
    &lt;div id="article1"&gt;
        &lt;div class="content"&gt;
            My content of bloomberg goes here
        &lt;/div&gt;

        &lt;div class="more"&gt;
            My button goes here     
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And here is my current jQuery code which is not working:</p>

<pre><code>$(document).ready(function() {
    $("div.more").each(function() {
        $(this).click(function() {
            var target = $(this).parent().next(".content");
            $(target).slideDown("slow");
        });
    });
});
</code></pre>

<p>Here I want to click more button and it will show only the content belongs to it. You are free not to follow my current code :). So that's all of my question, hope you all can help me to improve my programming skill and thanks you so much in advanced! </p>
