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