JavaScript - Show Hide. Crear estilo.

Hola, he creado una serie de enlaces que al pinchar hacen aparecer diferentes div que estaban ocultos en la misma página. Pero para definir el estilo de los divs ocultos tengo que hacerlo a cada uno con la etiqueta Style en el propio html y me gustaría crearles una sola clase en la hoja de estilos para todos, en el momento que lo hago el estilo no funciona...

<div class="buttons">
<a class="button" id="showdiv1">Logotipos</a>
<a class="button" id="showdiv2">Carteles</a>
<a class="button" id="showdiv3">Portadas</a>
<a class="button" id="showdiv4">Tríticos</a>
</div>
<div id="div1">descripcion1</div>
<div id="div2" style="display: none">descripcion2</div>
<div id="div3" style="display: none">descripcion3</div>
<div id="div4" style="display: none">descripcion4</div>


$(document).ready(function() {

$('#showdiv1').click(function() {
$('div[id^=div]').hide();
$('#div1').show();
});

$('#showdiv2').click(function() {
$('div[id^=div]').hide();
$('#div2').show();
});

$('#showdiv3').click(function() {
$('div[id^=div]').hide();
$('#div3').show();
});

$('#showdiv4').click(function() {
$('div[id^=div]').hide();
$('#div4').show();
});

})

Aquí lo podeis ver en funcionamiento:

http://enestudiografico.com/servicios.html

Gracias!!

 

PHP:

function nombrequequieras(i) {
$('#showdiv'+i).click(function() {
$('div[id^=div]').hide();
$('#div'+i).show();
});
};

<a class="button" id="showdiv1" onclick="nombrequequieras('1');">Logotipos</a>

 

Gracias! @Sphyr0

 

Por nada, dude

 

Este código muestra divs mediante CSS sin necesidad de Javascript: http://cutcodedown.com/for_others/ChaosPhantom