Typecho父分类 和子分类调用的问题

想要用分类做导航，然后子分类隐藏到父分类下面。
鼠标放到父分类才显示。

<ul class="daohang">
  <li class="active"><a href="#m">首页</a>
  </li>

  <li class="fufenlei"><a href="#"> 父分类 <i class="fa fa-angle-down"></i></a>
        <ul class="zifenlei">
              <li class="navto-dux"><a href="#">子分类</a>
              </li>
        </ul>
  </li>

<li<?php if($this->is('index')): ?> class="navto-home active"<?php endif; ?>><a href="<?php $this->options->siteUrl(); ?>">Home</a></li>
            <?php $this->widget('Widget_Metas_Category_List')->to($listCategories); ?>
                <?php while ($category->next()): ?>

            <li<?php if ($this->is('post')): ?><?php if($this->category == $category->slug): ?> class="navto-tp active"<?php endif; ?><?php else: ?><?php if ($this->is('category', $category->slug)): ?> class="navto-tp active"<?php endif; ?><?php endif; ?>><a href="<?php $category->permalink(); ?>"><?php $category->name(); ?><?php if (count($category->children) != 0) : ?><i class="fa fa-angle-down"></i><?php endif; ?></a>
                <ul class="sub-menu">
                    <li class="navto-dux"><a href="<?php $category->permalink(); ?>"><?php $category->name(); ?></a>
                    </li>
                </ul>
            </li>
            <?php endwhile; ?>

---

同一个问题正正反反问了好几遍自己不去捣鼓巴不得别人给你写出现成的答案出来有意思么=_=!

<?php $this->widget('Widget_Metas_Category_List')->listCategories('wrapClass=widget-list'); ?>
<style type="text/css">
.category-parent .category-child {display: none;}
.category-parent:hover .category-child {display: block;}
</style>