Раскрытие при клике

jQuery(function() {
  var c = $(".content").size();
  x = 5;
  $('.content:lt(' + x + ')').fadeIn();
  $('.show-hide').click(function(e) {
    e.preventDefault();
    x = (x + 5 <= c) ? x + 999 : c;
    $('.content:lt(' + x + ')').slideDown(500);
    $('.content:lt(' + x + ')').show();
    $('.show-hide').hide();
  });
}); 

В общем, сейчас работает так, но если на странице будет несколько (.content) как быть?
Получается сейчас так, что отображает один (.content) а все остальные скрыты вообще, но при нажатии на (.show-hide) раскрываются сразу все.
Хотелось бы сделать так, чтобы работало все по отдельности и на странице можно было размещать несколько .content