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
});