Как исправить ошибку в работе спойлера на CSS?

Всем доброго дня.

Есть Спойлер, который работает, в принципе, нормально. Написан на CSS. Вот она - jsfiddle.net/3DGmf/1 Но есть небольшая проблемка.
При клике на область текста, спойлер быстренько закрывается.

А надо чтобы спойлер открывался/закрывался при клике только на кнопку "Спойлер" и никак иначе. Например, как на Хабрахабре (habrahabr.ru/post/145003) При клике в область текста ничего не закрывается.

Примечание. Сам я практически не разбираюсь, код взял из готовых решений и немного подстроил под себя (стиль). Спойлер должен остаться также на CSS . Без других дополнительных скриптов, типа JavaScript

Буду благодарен за помощь. Спасибо за внимание.