Раскрыть конкретный спойлер

Есть спойлер который по нажатию на один заголовок (дату) раскрывает все что есть.
Как сделать, чтобы по нажатию на дату будет раскрываться конкретный спойлер, но не все

jquery

$('.spoiler-body').hide(300);
    $(document).on('click','.spoiler-head',function (e) {
        e.preventDefault()
        $(this).parents('.spoiler-wrap').toggleClass("active").find('.spoiler-body').toggle();
    })

css

.spoiler-wrap.disabled .spoiler-body{display:none}

html спойлера

 <div class="spoiler-wrap">
            <?php
            $current_id = '';
foreach($get_all_conf as  $item) {

    if ($item['date_conf'] !== $current_id) { ?>
        <div class="spoiler-head">
        <?php
        echo '<h2>' . $item['date_conf'] . '</h2>';
        $current_id = $item['date_conf'];
        ?>
        </div>
            <?php
    }
      ?>
    <div class="spoiler-body">
    <?php
    echo  $item['user_reserved'];
    ?>
   </div>
    <?php
}
?>
   </div>