in artikelübersicht per javascript social shares ein und ausblenden

Hallo :)
Habe versucht einen Button für jeden Blogartikel zu erstellen, klickt man auf diesen werden für den jeweiligen Artikel die Social Shares angezeigt (Facebook like, Twitter und +1 google), klickt man nochmal drauf werden diese wieder ausgeblendet. Es hat auch funkioniert, in der Artikeleinzelansicht klappt dies auch wunderbar. Jedoch in der Artikelübersichtsseite nicht, dort tritt Folgendes Problem auf: egal bei welcher Artikelvorschau ich auf den Button klicke es öffnen sich immer nur die Social Shares des zu erst Aufgelisteten Artikels (des neusten Artikels). Als Beispiel:
Ich gehe in die Kategorie Allgemein, dort befinden sich nun 5 Artikel möchte ich nun Artikel 3 sharen klicke ich auf den angelegten button, die shares öffnen sich jedoch falscher weiße bei Artikel 1)

Ich verwende das theme Twenty Twelve
und habe folgendes in die conten.php unter </footer><!-- .entry-meta --> vorgenommen: http://www.jasminko.de/artikel/5/Div-…Javascript.html

Bei mir:
</footer><!-- .entry-meta -->

<script type="text/javascript">
function showText() {
var spoiler = document.getElementById('spoiler');
var button = document.getElementById('button');

if (spoiler.style.display == 'block') {
spoiler.style.display='none';
button.value = 'Text einblenden';
} else {

spoiler.style.display='block';
button.value = 'Text ausblenden';
}
return false;
}
</script>

<input id="button" type="button" onclick="showText();" value="Text einblenden" />

<div id="spoiler">
<div class="facebooklike">

<iframe src="http://www.facebook.com/plugins/like.php?
href=<?php echo urlencode(get_permalink($post->ID)); ?>
&amp;layout=button_coun...............................

CSS:
#spoiler {
display: none;
}

Ich hoffe jemand kann helfen :), wäre sehr sehr dankbar!

Danke das du hilfst :)! So habe jetzt mal die IDs geändert:

<script type="text/javascript">
function showText() {
var social = document.getElementById('social');
var buttonsoc = document.getElementById('buttonsoc');

if (social.style.display == 'block') {
social.style.display='none';
buttonsoc.value = 'Text einblenden';
} else {

social.style.display='block';
buttonsoc.value = 'Text ausblenden';
}
return false;
}
</script>

<input id="buttonsoc" type="button" onclick="showText();" value="Text einblenden" />

<div id="social">
<div class="facebooklike">

<iframe src="http://www.facebook.com/plugins/like.php?
href=<?php echo urlencode(get_permalink($post->ID)); ?>
..................................................................................

Funktioniert leider immernoch nicht. Nein gibt es noch nicht die Seite ist noch local :/.

So hab jetzt nochmal rumprobiert, bekomme es aber einfach nicht hin.. immernoch der gleiche Fehler. Könnte es denn daran liegen, das ich irgendwo noch postID vergeben muss?

danke für deine Antwort :).. hat aber leider nicht geholfen, ich hoffe nur jemand der sich gut auskennt, weiß irgendwie woran es liegen könnte..