Как отобразить скрытый блок?

Question

[Гарольд]

Как отобразить невидимый блок, и убрать видимый блок, при нажатии на кнопку - показать.
Так же при нажатии на кнопку - закрыть, убрать появивщийся блок

Структура:

<section>
  <div class="container">
    <div class="row visible"><!-- Видимая часть строчки-->
      <div class="col col-6">
        <figure></figure>
      </div>
      <div class="col col-6">
        <p>Контент</p>
        <a class="#show">Показать</a><!-- Отображает невидмиую часть и скрывает видимую -->
      </div>
    </div>
    <div class="row invisible"><!-- Невидимая часть строчки-->
      <div class="col col-6">
        <p>Контент</p>
      </div>
      <div class="col col-6">
        <p>Контент</p>
        <a class="#close">Закрыть</a><!-- Возвращает все обратно -->
      </div>
    </div>
  </div>
</section>

Answer 1

[Дмитрий]

$("#btnShow").click(function(){
    $("#showMe").show();
    $("#hideMe").hide();
});

Comments

[Andrew]

Это что за конструкция такая интересная? )))

[Дмитрий]

Andrew: что в ней интересного?

[Дмитрий]

Andrew: понял, написал onclick вместо click :)

[Andrew]

Дмитрий: ошибки синтаксиса в частности.

[Andrew]

Дмитрий: $("#btnShow").click(function(){....});

Answer 2

[dk-web]

jsfiddle.net/dg9rdd5L

В классах не должно быть хештегов по идее, также можно использовать fadeIn и fadeOut вместо show и hide... это плавное появляение и исчезнование блока.

Comments

[Гарольд]

Спасибо. С классами, это я ошибся когда писал, перепутал атрибут href=""

[dk-web]

Гарольд: а пожалуйста)