PHP inside Jquery
<p>I am developing a wordpress theme and now I am working on the theme options page. I added an option with "select" method to give the user the option to change the slider's fx. Now... this is the output of a text input that sets the fx duration <code>&lt;?php echo get_option('wis_fx_speed'); ?&gt;</code> and works fine! My problem is that <strong><code>&lt;?php echo $fxSample ?&gt;</code></strong> don't work. 
Tried everything I knew and imagined (syntax, order, put the switch inside the jquery script etc) , searched the web but found nothing... Could you help me? Thanks in advance!</p>

<pre><code>&lt;?php 

      switch (get_option('wis_fx_slider')) {
      case "opacity":
      $fxSample = "opacity : 'toggle',"; 
      break;
      case "width":
      $fxSample = "width : 'toggle',"; 
      break;
      case "opawidth":
      $fxSample = "opacity : 'toggle', width : 'toggle',"; 
      break;
      case "blink":
      $fxSample = "opacity : 'show',"; 
      break;
      }

?&gt;


&lt;script type="text/javascript"&gt;
    jQuery(document).ready(function($){
        $("#photo-rotator").tabs({fx:{&lt;?php echo $fxSample ?&gt;
        duration: &lt;?php echo get_option('wis_fx_speed'); ?&gt; }}).tabs("rotate", 2000);
    });
&lt;/script&gt;
</code></pre>

<p><strong>OUTPUT:</strong></p>

<p>&lt;</p>

<pre><code>script type="text/javascript"&gt;
    jQuery(document).ready(function($){
        $("#photo-rotator").tabs({fx:{        duration: 3000 }}).tabs("rotate", 2000);
    });
&lt;/script&gt;
</code></pre>

<p><strong>EDIT</strong>
Works if I make it with radio.</p>
