Question

我正在使用WP-Ecommerce创建一个wordpress网站。我的客户要求我无法弄清楚如何制作的功能。他有一个描述很长的产品，他想要多个“读取”链接来隐藏它的一部分。它应该在javascript中完成，以便客户端在点击更多内容时不会被重定向到任何地方（扩展内容应该只是滚动打开。）

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

Answer 1

这个插件很容易编写。你只需要编写一个短代码，添加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]标签中包装你需要折叠的所有东西......它会在标签处打破这些部分...

Answer 2

somhow我无法让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');

和我需要隐藏的内容阅读更多链接我包裹在[accordion] [/ accordion]标签

Wordpress隐藏页面上的内容

2 个答案: