$(document).ready(function () {
  // find the elements and hook the hover event
  $('.foldoutfirst').click(function() {
    var parent = $(this).parent();
    var slide = $('> .ul', parent);

    if (slide.hasClass('open')) {
      slide.slideUp(1000);
      slide.removeClass('open');
    }
    else {
      $('.foldout > .ul.open').slideUp(500);
      $('.foldout > .ul.open').removeClass('open');
      slide.slideDown(1000);
      slide.addClass('open');
    }
  });
});