jQuery show / hide / toggle元素“附近”

我试图进行设置，以使“单击我1”仅显示“扩展我1”，“单击我2”仅显示“扩展我2”，依此类推。我现在使每个人都可以切换所有内容。我想我需要使用，$(this)但是我没有放过它。

标记

<div class="submission">
    <ul>
        <li class="click">Click me 1</li>
        <li>foo</li>
        <li>bar</li>
        <li class="expand">Expand me 1</li>
    </ul>
</div>

<div class="submission">
    <ul>
        <li class="click">Click me 2</li>
        <li>foo</li>
        <li>bar</li>
        <li class="expand">Expand me 2</li>
    </ul>
</div>

<div class="submission">
    <ul>
        <li class="click">Click me 3</li>
        <li>foo</li>
        <li>bar</li>
        <li class="expand">Expand me 3</li>
    </ul>
</div>

jQuery的

$(document).ready(function() {
        $(".submission").find(".click").click(function() {
            $(".expand").slideToggle();
    });
});

的CSS

.expand {display: none;}

http://jsfiddle.net/4k9uukL8/