Разный контент отображается по клику ⇐ Html

[Anonymous]

Мне удалось сделать так, что при нажатии на кнопку div отображается/скрывается благодаря этому простому скрипту:

Код: Выделить всё

$(document).ready(function(){

$(".slidingDiv").hide();
$(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});

Теперь я хотел бы сделать то же самое для нескольких элементов div на одной странице, но если я использую тот же сценарий, он покажет все скрытые элементы div на моей странице, а не только тот, который находится под нажатой кнопкой. Может ли кто-нибудь помочь мне понять, как его изменить?
Вот Моя ДЕМО, вы можете ясно увидеть проблему.
РЕДАКТИРОВАТЬ: В левом квадрате должно быть изображение, но я его еще не загрузил.