jquery - 需要为此添加切换效果： 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

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

在你的 tabs() 中添加 {show: { effect: "blind", duration: 1000 }, hide: { effect: "blind", duration: 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" 因为我不知道如何使用正确的语法来包含它。