需要为此添加切换效果：jQuery( "ul.tabs-nav" ).tabs( "> .pane" );

Question

您好，我是Javascript的新手，正在编辑Wordpress网站，我需要在这行添加切换效果：

jQuery ("ul.tabs-nav").tabs("> .pane");

我研究了一些东西，发现了这个：

$("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );

但我不知道如何在不删除">.pane"的情况下添加它

代码来自Wordpress主题（PHP）：

    $out ='
    <script type="text/javascript"> jQuery(document).ready(function($){ jQuery("ul.tabs-nav").tabs("> .pane"); }); </script>
        <div class="post-tabs'.$type.'">
        '.do_shortcode($content).'
        </div>
    ';
   return $out;

提前感谢！

Answer 1

我也有点初学者，但我最近发现了如何做到这一点。

添加｛show：｛effect："blind"，持续时间：1000｝，隐藏：｛effect："blind"，持续时间：1000｝｝

     $out ='
    <script type="text/javascript"> jQuery(document).ready(function($){ jQuery("ul.tabs-nav").tabs({show: { effect: "blind", duration: 1000 },
hide: { effect: "blind", duration: 1000 }) }); </script>
        <div class="post-tabs'.$type.'">
        '.do_shortcode($content).'
        </div>
    ';
   return $out;

我已经排除了">.pane"，因为我不知道如何用正确的语法包含它。