我正在创建一个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]标签包装