title: Need to add toggle effect to this: jQuery("ul.tabs-nav").tabs("> .pane");
body: <p>Good day, I'm new to Javascript and I'm editing a Wordpress website, I need to add the toggle effect to this line:</p>
  
  <p>jQuery<code>("ul.tabs-nav").tabs("&gt; .pane");</code></p>
  
  <p>I researched something and found this: </p>
  
  <p><code>$("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );</code></p>
  
  <p>But I don't have any idea on how to add it without removing the "> .pane"</p>
  
  <p>The code is from a Wordpress Theme I have (PHP):</p>
  
  <pre><code>    $out ='
      &lt;script type="text/javascript"&gt; jQuery(document).ready(function($){ jQuery("ul.tabs-nav").tabs("&gt; .pane"); }); &lt;/script&gt;
  
          &lt;div class="post-tabs'.$type.'"&gt;
          '.do_shortcode($content).'
          &lt;/div&gt;
      ';
     return $out;
  </code></pre>
  
  <p>Thanks in advance!</p>