Как сделать открытие при клике, а если выполнено то при клике сделать наоборот?

Question

[Артур]

Есть функция, которая открывает блок.

$('.slideDown_id').click(function(e) {
    var n = $(this).attr('id');
	//alert(n);
	$("#show_"+n).slideDown();
  });

Она исполняется при клике на id элемента menu

<div class="col-xs-6 pad-xs-6">
<a href="#" class="slideDown_id" id="menu_s1" style="text-decoration:none;"><div class="btn btn-greyz btn-block mb">График</div></a>
</div>

Что собственно открывает

<div id="show_menu_s1" style="display:none;">Тут график</div>

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

Answer 1

[Stalker_RED]

.toggle()
api.jquery.com/toggle

Comments

[Артур]

попробовал комбинации - либо блок разворачивается и следом сворачивается:

$("#show_"+n).toggle(
      function () {
        $(this).slideDown();
      },
      function () {
        $(this).slideUp();
      }
    );

Либо некорректно выполняется, если:

if ( $(this).is( ":hidden" ) ) {
    $(this).slideUp();
  } else {
    $(this).slideDown();
  }

[Stalker_RED]

Rich, что-то вы странное делаете
jsfiddle.net/5tmt1ebq

[Stalker_RED]

Rich, или если нужно плавно jsfiddle.net/5tmt1ebq/1