Php Wordpress在页面上隐藏内容

我正在用WP电子商务创建一个wordpress网站。我的客户要求提供一个我不知道如何制作的功能。他有一个描述很长的产品，他想要多个“阅读”链接来隐藏部分内容。它应该在javascript中完成，这样客户端在点击ReadMore时不会被重定向到任何地方（扩展内容应该只滚动打开）

---

找到一个插件会很好，但我似乎找不到。

为这个插件编写插件会很容易。您只需编写一个短代码，添加javascript即可完成所需的操作。例如jQuery手风琴

<?php

function add_accordion_js() {
?>
<script>
    $(function() {
        $( ".accordion" ).accordion();
    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<div class="accordion">' . do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');

add_shortcode('accordion', 'jquery_accordion');

?>

$（函数（）{
$（“.accordion”）.accordion（）；
});

---

类似的东西可以添加到functions.php中，您可以将需要折叠的所有内容包装在[accordion][/accordion]标记中。。。它将在标签处分解各个部分…

因此我无法让accordion（）函数工作，但Steve为我指出了正确的方向，我做到了：

function add_accordion_js() {
?>
<script>
    jQuery(function() {

        jQuery(".accordion").hide();    

        jQuery(".opener").click(function (e) {
            jQuery(this).parent().next('.accordion').slideDown('fast');
            jQuery(this).slideUp();        
        }); 

    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<span class="opener">(read more)</span><div class="accordion">' .   do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');
add_shortcode('accordion', 'jquery_accordion');

函数add\u accordion\u js（）{
?>
jQuery（函数（）{
jQuery（“.accordion”）.hide（）；
jQuery（“.opener”）。单击（函数（e）{
jQuery（this）.parent（）.next（'.accordion'）.slideDown（'fast'）；
jQuery（this.slideUp（）；
}); 
});