zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    第四章
    第二章
    第三章
    第一章
    第十章心得
    第九章心得
    第八章心得
    第七章心得
    第六章心得
    第五章心得
  • 原文地址:https://www.cnblogs.com/zfang/p/5684283.html
Copyright © 2011-2022 走看看