jquery div hide show not working in wordpress code example

Example: jquery div hide show not working in wordpress

jQuery(document).ready(function($) {
  $('#menu-links li a').click(function() {
    //fetch the class of the clicked item
    var clickedClass = $(this).attr('class');
    //reset the active class on all the buttons
    $('#menu-links li').removeClass('active');
    //update the state on the clicked button
    $(this).parent().addClass('active');
    if (clickedClass == 'all') {
      // show all our items
      $('#menu-items').children('div.col-md-4').show();
    } else {
      //hide all elements that don't share clickedClass
      $('#menu-items').children('div:not(.' + clickedClass + ')').hide();
      //show all elements that do share clickedClass
      $('#menu-items').children('div(.' + clickedClass + ')').show();
    }
    return false;
  });
});