Скрыть содержимое блока при клике на jquery

    <div class="list">
        <p class="list-date">04.02.2019</p>
        <div class="list-block">
            <p class="list-elem">Элемент 1</p>
            <p class="list-elem">Элемент 2</p>
            <p class="list-elem">Элемент 3</p>
        </div>
    </div>
    <div class="list">
        <p class="list-date">04.02.2019</p>
        <div class="list-block">
            <p class="list-elem">Элемент 1</p>
            <p class="list-elem">Элемент 2</p>
            <p class="list-elem">Элемент 3</p>
        </div>
    </div>

Вот у меня есть два блока list, и мне нужно чтобы при клике на list-date пряталось содержимое блока list-block именно в том блоке list, где было кликнуто по list-date.

Вот сам код jQUery:

$('body').on('click', '.list-date', function(){
    $('.list-block').toggleClass('hide');
});

CSS:

.hide{
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
}