小编cre*_*ght的帖子

我有一个HTML菜单元素，目前正在使用javascript和CSS进行动画处理。菜单的最大高度设置为0，溢出：隐藏。

<div class="menu">

当前的CSS动画：

.menu {
    -webkit-transition: max-height 0.4s ease;
    -moz-transition: max-height 0.4s ease;
    transition: max-height 0.4s ease;
}

在javascript中，单击按钮时，我正在更改菜单的最大高度。

一切正常，除了我要从下至上而不是从上至下显示菜单。可以用简单的CSS或JS完成吗？

我有一个简单的 taxonomy-product_cat.php 页面，我试图在其中仅显示当前类别中的产品。现在，它正在显示所有产品，而不仅仅是当前类别中的产品。这是我的代码：

<ul class="products">

    <?php
       $current_cat_id = $wp_query->get_queried_object()->term_id;
       $args = array(
         'taxonomy'       => 'product_cat',
         'post_type'      => 'product',
         'post_status'    => 'publish',
         'posts_per_page' => -1,
         'tax_query'      => array(
             'taxonomy'   => 'product_cat',
             'field'      => 'term_id',
             'terms'      => $current_cat_id,
             'operator'   => 'IN'
         )
       );

       $products = new WP_Query( $args );

       while ( $products->have_posts() ) : $products->the_post();
           echo '<li><a href="'. get_permalink() .'"><div class="product__preview"><img src="' . get_the_post_thumbnail_url() . '"></div><span>' . get_the_title() . '</span></a></li>';
       endwhile;

       wp_reset_query();
       ?>
</ul>

我的客户不断更改类别的名称/slug，因此我需要按类别 ID 获取产品。知道为什么这会生成所有产品，而不仅仅是当前类别中的产品吗？