Condicionar valor de un css dentro de un Javascript en PHP

[alvarols]

Tengo un problema. Estoy usando el plugin de Coda-Slider. Y este lo uso varias veces dentro de una página. El problema es que quiero que el tamaño del menú sea diferente entre uno y otro caso, y no lo puedo cambiar porque la etiqueta HTML está en el Javascript (el cual lo genera) y no en el archivo HTML (bueno, es terminación PHP porque es una web dinámica en Wordpress).

Este es el CSS que quiero cambiar, básicamente es el tamaño, porque en un caso son dos pestañas del menú y en otro tres.:

Código CSS:

.coda-slider-wrapper .coda-nav a {
 
       background:url(images/tab.png);
      color: #fff;
      margin-right: 0px;
      [B]width:50%;[/B] 
      height:28px;
      text-align:center;
      padding:5px 0px 5px 0px;
      text-transform:uppercase;
      font-weight:bold;
      font-size:14px;
      
    }
 

El valor de .coda-nav no está dentro de mi index.php, sino dentro del Javascript y está dentro de una función que a su vez está dentro de otra.

Código Javascript:

addNavigation: function(){
            var self = this;
            // The id is assigned here to allow for the responsive setting
            var dynamicTabs = '<div class="coda-nav"><ul></ul></div>';
 

Este plugin en jQuery lo uso en un bucle de Wordpress donde me despliega varios artículos. Todo bien, pero no puedo hacer que entre uno y otro pueda hacer que el tamaño de las pestañas del menú varíe.

Saludos

[dontexplain]

Añádele una línea al js.

var dynamicTabs = '<div class="coda-nav"><ul></ul></div>';
$(".coda-nav").css("width","valor");

Un saludo.