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>