Buyrun küçük bir demo hazırladım buradan yola çıkarak mutlaka sonuca ulaşırsınız.
Bu işlemi yapmanın bir çok yolu var aslında toggleClass, addClass / removeClass vs.
Hangisini kullanacağınız css yapınıza ve size kalmıştır.
Örnek kodlara buradan ulaşabilirsiniz. Forum kullanıcıları için ise mesaja yazıyorum direkt.

Not: Css kodlarına ve görünüme takılmayın amaç konu anlaşılsın :)
Tek önemli olan şey show hide kullanırken hedef divimizin gizli olması gerekir


Html



Başlık 1

FB / G+ / Bla bla.



Başlık 2

FB / G+ / Bla bla.



Başlık 3

FB / G+ / Bla bla.



Başlık 4

FB / G+ / Bla bla.




Css



.Kutu {border:1px solid;margin:3px;padding:3px;width:100px;float:left}
.Kutu:hover{cursor:pointer;box-shadow:1px 1px 1px 1px}
.Gizle{float:left;padding:3px;margin:3px;font-weight:bold;display:none}
.UstKutu{width:100%;float:left}


Js


$(".Kutu").click(function() {
var Yon=$(this).attr("adres"); // hangi divi açacağımızı belirliyoruz
$(".Gizle").hide(); // Once tüm sosyal medyaları gizleyip
$(".Paylas"+Yon).show(100); // Hangisini hedefliyorsak onu gösteriyoruz
});