Wordpress隐藏页面上的内容


Wordpress hide content on page

我正在创建一个wordpress网站。我的客户要求一个功能,我不知道如何使。他有一个产品有很长的描述,他想要多个"继续阅读"链接来隐藏部分内容。它应该在javascript中完成,以便客户端不会被重定向到任何地方,当他点击阅读更多(扩展内容应该只是滚动打开。)

如果能找到一个插件就好了,但是我好像找不到。

这样的插件很容易编写。你只需要写一个简短的代码,添加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');
?>

类似的东西可以添加到你的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');

和我需要隐藏在read more link下面的东西我用[accordion][/accordion]标签包装