Onclick sur li ne s'exécute pas

Bonjour, j'ai fait une fonction qui affiche une div et masque une autre au clic en javascript. Quand j'utilise un formulaire, ça marche à merveille.
Mais avec le responsive, je refait un peu l'interface et j'ai crée une liste ordonnée ( <li> ). Seulement le clic ne s'exécute pas !

FONCTION JS :
function showhide(divid){
var diva = document.getElementById("diva");
var divb = document.getElementById("divb");
if(divid== 'diva' ) {
diva.style.display = 'block';
divb.style.display = 'none';
}
else if(divid== 'divb' ) {
diva.style.display = 'none';
divb.style.display = 'block';
}
else {
diva.style.display = 'none';
divb.style.display = 'none';
}
}

FORMULAIRE QUI MARCHE :
<select name='demooo' onChange="showhide(this.value)">
<option value='choisir'>Choississez un élément</option>
<option value='diva' >Option 1</option>
<option value='divb'>Option 2</option>
</select>


BALISE LI QUI NE MARCHE PAS
<li class="corps_li" value="diva" onclick="javascript:showhide(this.value)"> <a href="#">
<div class="elementImage"><img id="fondImage" src="images/tmplate/localisation.png" /></div>Localisation
</a></li>


Merci de m'éclairer un peu SVP !