Добавить/удалить класс блоку, при нажатии на другой блок.
 

Здравствуйте, что-то я сильно туплю и не могу понять, как разобраться с такой проблемой:

Есть блок с текстом: показать новость, и сам блок с новостью (находиться в другой стороне страницы), но это не важно.

Так вот нужно, чтобы при нажатии на блок с классом .button_block, к блоку .showed_block добавлялся класс: display: block, изначально у этого блока стоит: display: none, так вот все хорошо работает:

<script>
  $(document).ready(function(){
    $(".button_block").click(function () {
     $('.showed_block').css("display","block");
    });
  });
</script>

Только до меня не может дойти как сделать, чтобы при повторном нажатии на блок .botton_block блок .showed_block скрывался.

Спасибо за помощь!

Vladislav,
в JQuery есть функция toggle(). Думаю, это то, что вам нужно.

Она мне подходит, но по эффекту совсем не то, toggle() - заставляет объект "выезжать", а мне нужно именно появление.

animate()