JQuery 控制元素显示隐藏

JS在浏览器里面做调试的时候，先在浏览器里面找到页面代码加上断点来执行。然后根据执行情况来查找部分变量是否能找到，一点一点的排查内容。
可以做筛选条件 部分隐藏。
默认让部分条件加上.hide 默认隐藏，然后通过点击 更多类目 来切换 隐藏与显示

<style>
.hide{
display:none;
}
<style>

<div class="seach-guide">

<div class="item   clearfix">
3222
</div>

<div class="item hide  clearfix">
11111111
</div>

</div>

<div class="more_btn">
   <a href="javascript:void(0);">更多类目<i class="ico"></i></a>
</div>

<script>

$(".mod_search_guide .more_btn a").toggle(
   function(){
      $(".seach-guide .item.hide").show();
      $(this).html("收起类目");
   },
   function(){
      $(".seach-guide .item.hide").hide();
      $(this).html("更多类目");
   });

</script>