Wordpress隐藏页面上的内容

时间:2011-08-23 04:24:49

标签: php jquery wordpress e-commerce

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

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

2 个答案:

答案 0 :(得分: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]标签中包装你需要折叠的所有东西......它会在标签处打破这些部分...

答案 1 :(得分:1)

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]标签