Как задать toggle элементу при клике?

Доброго дня.
Есть 2 элемента, по клику на них открывается невидимая область. Вопрос: как прописать, что по клику на каждый элемент, открывалась только его область, а не двух сразу. Пока неизвестно сколько будет элементов и задавать каждому в отдельности id и прописывать клик-кажется глупо.

<div class="container-example">
    <div class="box1">
        <div class="string1">1секция</div>
        <div class="string2"></div>
    </div>
    <div class="box12">
        <div class="string1">2секция</div>
        <div class="string2"></div>
    </div>
</div>

.container-example {
    width: 300px;
    height: 300px;
    border: 5px solid green;
    margin-bottom: 500px;
}
.string1 {
    cursor: pointer;
}
.string2 {
    width: 100%;
    height: 100px;
    background-color: aquamarine;
    display: none;
}

$( document ).ready(function() {
        $(".string1").click(function () {
            $(".string2").toggle();
        });
    });

Вот пример: u0763918test1.isp.regruhosting.ru зелёный квадрат сверху, 2 строки= 1секция, 2 секция.