Как предотвратить событие click () через дочерний div к родительскому div в jQuery?

Ситуация:

<div class="header">
    <div style="float: left;" class="headerTitle">+ OPEN</div>
    <div class="closeBtn" style="float: right;">- CLOSE</div>
 </div> 
<div class="touristenContent">.....</div>

Визуально :

|+Open..............................|-Close|..| (header)

|............Content..........................|

Заголовочный DIV - это «большая кнопка» с событием jQuery click () для открытия содержимого. Закрытый DIV находится внутри большого заголовка DIV и представляет собой кнопку закрытия также с click (), чтобы закрыть содержимое. Эта кнопка закрытия видна только при нажатии на большой заголовок.

Щелчок по заголовку и противодействие контенту работают как ожидалось, но нажатие на кнопку закрытия позволяет событию щелчка перейти к заголовку DIV. Контент закрывается и открывается снова из-за двух событий щелчка.

Итак, как я могу правильно спроектировать все это, чтобы сделать кнопку закрытия сплошной и предотвратить переход по ней в заголовок?