JS hide menu and open on click

menu_hide.js

//Hide products blocks
$(document).ready(function() {
		$('.btn').click(function() { //Click on button
		$(".cont").not(this).slideUp().prev().removeClass("active"); //Hide all open blocks
		$(this).next().find(".cont").not(":visible").slideDown().prev().addClass("active"); //Open current block
	});
});

<!-- Start products menu -->
	<div class="container prod_block">

		<?php $idObj = get_category_by_slug('products');
			  $id = $idObj->term_id; ?>

		<?php if ( have_posts() ) : query_posts('cat=' . $id);
			while (have_posts()) : the_post(); ?>

			<button class="btn_form btn"><?php the_title(); ?></button>

				<div class="hide_blocks"> 

					<div class="cont" >
					<h3><?php the_excerpt(); ?></h3>

						<?php if ( has_post_thumbnail() ) : ?>
							<?php the_post_thumbnail(array(480, 360)); ?>
							<?php the_content(); ?>
						<?php endif; ?>
					</div>

				</div>
			<? endwhile; endif; wp_reset_query(); ?>

	</div>



/* CSS */
.active {
  display: inline-block;
}