WordPress的隐藏内容

Question

我创建一个WP电子商务的WordPress网站。我的客户要求提供一个功能，我无法弄清楚如何制作。他有一个长描述的产品，他想要多个“阅读”链接来隐藏它的一部分。它应该在JavaScript中完成，以便客户端不会被重定向到任何地方，当他点击阅读更多（扩展内容应该滚动打开。）

这将是很好找到一个插件，但我似乎无法找到一个。

Answer 1

somhow我不能让手风琴（）函数来工作，但史蒂夫指出我正确的方向，我得到了这是怎么回事：

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'); 

和事情，我需要隐藏在读更多链接我包in [accordion] [/ accordion]标签

Answer 2

这个插件很容易编写。你只需要编写一个简短的代码，添加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，你想包你需要在[手风琴] [/手风琴]标签崩溃的一切...这将打破章节下来的标签。 ..