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-einblenden-mit-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..