Collapse content

时间:2017-11-23 作者:NVO

我正在寻找一种在页面上显示/隐藏某些内容的方法。有几个插件可以为我做到这一点,但它们都直接在下面或短代码中显示内容,这不是我想要的。

我有一个按钮,用户可以点击。该按钮位于表格中,必须可见的div(有多个)位于表格下方,而不是按钮所在的同一表格单元格中。

第一个表格下的内容(带有按钮和链接“显示更多/更少”)必须可见。在该特定选项卡上必须多次执行此操作。

我可以将一些代码写入插件(我是自定义WordPress代码的初学者),但我需要一些想法或技巧来实现这一点。

1 个回复
最合适的回答,由SO网友:NVO 整理而成

解决了这个问题。

我创建了一个加载此js的插件:

function showContent(element){
   $(\'.huisjes\').slideUp();
   if ( $(element).is( \':hidden\' ) ) {
     $(element).slideDown(\'slow\');
   } else {
     $( element).slideUp();
   }
}
然后我创建了两个短代码:

function createDiv($atts, $content = null) {
   extract(shortcode_atts(array(
      \'id\' => "",
   ), $atts));
return \'<div id="\'. $id . \'" class="huisjes"  style="display:none;"/>\' . $content . \'</div>\';
}
add_shortcode(\'huisje\', \'createDiv\');

function createButton($atts, $content = null) {
   extract(shortcode_atts(array(
       \'id\' => "",
   ), $atts));
return \'<a onClick="showContent(\'.$id.\')" href="javascript:void(0);" class="big-button bigorange">\'. $content .\'</a>\';
}
add_shortcode(\'huisje_button\', \'createButton\');
第一个代码创建一个具有给定ID的div。第二个代码创建一个按钮(带有一些css),该按钮链接到JS中的函数以显示内容。

结束

相关推荐

Country-specific content

我正在建立一个网站,其中有一些帖子只与特定国家的用户相关,因此我希望用户选择他的国家,以便他可以查看所有内容减去(-)特定于其他国家的内容。例如:用户可以在阿根廷、智利、墨西哥之间进行选择。他选择了智利。他将能够看到所有内容,但阿根廷和墨西哥的特定内容除外。--更多说明--我相信80%的内容不会针对具体国家。例如,如果有一个名为“TV”的类别具有:一般电视帖子->与所有人相关的内容(如:权力游戏相关帖子)阿根廷电视台->仅与阿根廷电视台相关的内容(如:当地肥皂剧)智利电视台-/li>墨西