Slide Toggle 2 Rows in BB

html.html

<ul class="list-buttons">
  <li class="active"> <a id="showall">Show All</a></li>
  <li><a class="showSingle" target="1">Show Classes</a></li>
  <li><a class="showSingle" target="2">Show Treatments</a></li>
</ul>


<!-- Rows -->

<div id="div1" class="primary-row">...</div>
<div id="div2" class="primary-row">...</div>

js.js

jQuery(document).ready(function($){
    
    $('#showall').click(function() {
    
		$('.primary-row').show();
  	});
  	
  	
  
  	$('.showSingle').click(function() {
    	$('.primary-row').hide();
		$('#div' + $(this).attr('target')).slideToggle( "slow", function() {
    	});

  	});
  	
	$( 'ul.list-buttons li' ).on( 'click', function() {
        $( this ).parent().find( 'li.active' ).removeClass( 'active' );
        $( this ).addClass( 'active' );
  	});


});