WordPress-仅显示访问类别的子级

Question

我已经使用wp_list_categories()创建了一个菜单，但它显示的类别及其所有子项均可见。 我的客户希望我让它仅显示当前类别的子级。

假设我们有一个类别树：

第一类

第二类

第三类

如果有人单击第一个类别，则该类别的子项应可见：

第一类

• child1
• 的child2
• child3

第二类

第三类

当他单击子类别（例如child1）时，其外观应如下所示：

第一类

• child1
  • child1的child1
  • child1的child2
• 的child2
• child3

第二类

第三类

最后，例如，当他单击例如child1的child2时：

第一类

• child1
  • child1的child1
  • child1的child2
    • child1的child2的child1
• 的child2
• child3

第二类

第三类

因此，例如，如果他处于3个类别的深度，则同一级别上的所有其他类别都应该使其子代不可见。 一旦他选择了一个子类别，它就应该显示它的子类别。

这简直让我震惊，我不知道如何使用jQuery / css做到这一点。 WordPress类在这里似乎没用。 你能帮我吗？ 如果可以使用该wp_list_categories()函数的基本WordPress参数完成此操作，那就太好了：

$args = array(
'show_option_all'    => '',
'orderby'            => 'name',
'order'              => 'ASC',
'style'              => 'list',
'show_count'         => 0,
'hide_empty'         => 0,
'use_desc_for_title' => 1,
'child_of'           => 0,
'feed'               => '',
'feed_type'          => '',
'feed_image'         => '',
'exclude'            => '',
'exclude_tree'       => '',
'include'            => '',
'hierarchical'       => 1,
'title_li'           => __( '' ),
'show_option_none'   => __( 'No categories' ),
'number'             => null,
'echo'               => 1,
'depth'              => 0,
'current_category'   => 0,
'pad_counts'         => 0,
'taxonomy'           => 'category',
'walker'             => null
);
wp_list_categories( $args ); 

Answer 1

li.categories .children
{
  display: none;
}
li.categories .current-cat > .children,
li.categories li.current-cat-ancestor > .children
{
  display: list-item;
}

这应该足够了。 :)

在第3级之后，由于WordPress错误，您可能还需要jQuery ...

jQuery(function($) {
  $('.current-cat').parents('.cat-item').addClass('current-cat-ancestor');
});