Я ищу правильный, простой, маленький код для следующих вещей:

Нажмите на элемент с примененным к нему классом.

DIV.CLASS - который расширяет и показывает скрытый контент. (slideDown - Toggle)

DIV.CLASS - который сворачивает и скрывает ранее показанный контент. (slideUp - Toggle)

Я создал jsFiddle здесь:http://jsfiddle.net/Q4PUw/1/

Поэтому, чтобы быть расплывчатым и простым, мне нужно знать, как заставить DIV CLASS стать скрытым и видимым, когда к элементу на той же странице будет применен класс CLASS, при котором активируется и деактивируется скрытый и / или видимый контент HTML. И мне нужно, чтобы он был скрыт по умолчанию.

Я просмотрел весь интернет и нашел только очень сложные сценарии, но ничего простого. Я нашел Простых Аккордеонов ... Но они никогда не закрываются, они просто открывают еще один.

Спасибо всем за помощь, и я надеюсь, что смогу ответить на этот же вопрос для многих других людей ...

Примечание: я очень мало знаю JavaScript и / или даже jQuery.