Отображение контента по кнопка jquery

Со старта в голову приходит что то вроде этого:

 $(document).ready(function(){
  $('#button_id').on('click', function(){
    $('#container_id').slideUp(500).html('content').slideDown(500);
  });
});

Или используйте табы в бутстрапе, как готовое решение.

Чем не подходит решение со стилевым свойством display:none?Назначьте классы для тех блоков, что нужно скрывать с display: none и потом просто используйте либо addclass() либо removeclass().