Standard & CAD & Supplier-Global Fastener Platform

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Standard & CAD & Supplier-Global Fastener Platform</title> <link href="/js/ymPrompt/skin/dmm-green/ymPrompt.css" type=text/css rel=stylesheet> <link href="../system/layui/css/layui.css" rel="stylesheet"> <link href="../system/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../system/bootstrap/icon/bootstrap-icons.css" rel="stylesheet"> <link href="../css/common.css?t=1731573003" type="text/css" rel="stylesheet"> </head> <body class="body-standard">  <header> <div class="container-fluid align-items-center"> <div class="top-tools"> <div class="nav-item dropdown "> <a class="dropdown-toggle" href="/about/pricing.php" data-toggle="dropdown" aria-expanded="false" > Pricing <span class="bi bi-chevron-down"></span> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" target="_parent" href="/about/">About Us</a> <a class="dropdown-item" target="_parent" href="/about/pricing.php">Pricing</a> <a class="dropdown-item" target="_parent" href="/about/term.php">Terms of Use</a> <a class="dropdown-item" target="_parent" href="/about/faq.php">FAQ</a> <a class="dropdown-item" target="_parent" href="/about/contact.php">Contact Us</a> </div> </div> <span class="nav-item">|</span> <a class="nav-item" href="https://www.164580.com/" target="_blank">简体</a> <span class="nav-item">|</span> <a class="nav-item" href="https://big5.164580.com/" target="_blank">繁體</a> <span class="nav-item">|</span> <div class="nav-item dropdown"> <p class="dropdown-toggle prevent" href="/about/" data-toggle="dropdown" aria-expanded="false" > <span class="dropdown-title">Language</span> <span class="bi bi-chevron-down"></span> </p> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <span class="dropdown-item" data-lang="english">English</span> <span class="dropdown-item" data-lang="german">Deutsch</span> <span class="dropdown-item" data-lang="french">Français</span> <span class="dropdown-item" data-lang="japanese">日本語</span> <span class="dropdown-item" data-lang="italian">Italiano</span> <span class="dropdown-item" data-lang="spanish">Español</span> <span class="dropdown-item" data-lang="korean">한어</span> <span class="dropdown-item" data-lang="portuguese">Português</span> <span class="dropdown-item" data-lang="russian">Русский</span> <span class="dropdown-item" data-lang="arabic">بالعربية</span> <span class="dropdown-item" data-lang="turkish">Türkçe</span> </div> </div> </div> <nav class="navbar navbar-expand-lg navbar-light px-0 "> <a class="navbar-brand logo pr-lg-5" href="/"> <img src="../images/logo.png" alt=""> </a> <button class="navbar-toggler order-md-12" type="button" data-toggle="collapse" data-target="#navbar-nav" > <span class="navbar-toggler-icon"></span> </button> <form class="form-inline my-2 my-lg-0 ml-lg-5 pl-lg-5 search-bar" action="/standards/"> <input class="search-input" type="search" name="keyword" id="keyword" value="" placeholder="Input Standard Code or Fastener Name to Search" > <input name="tsc" type="hidden" value="NDA5Mjg_c" /> <button class="search-submit"> <span class="iconfont bi bi-search"></span>Search </button> <a class="ml-md-5 pl-3 btn-mess" href="/pms.php" ><i class="bi bi-send"></i>QUOTES</a> </form> </nav> </div> <div class="navbar-container mt-3"> <div class="container-fluid navbar-wrapper"> <div class="collapse navbar-collapse" id="navbar-nav"> <ul class="navbar-nav navbar-custom d-flex "> <li class="nav-item "> <a href="/" class="pl-md-0">Home</a> </li> <li class="nav-item "> <a href="/suppliers/">Supplier Directory</a> </li> <li class="nav-item active"> <a href="/standards">Standard & CAD</a> </li> <li class="nav-item "> <a href="/material/">Material Database</a> </li> <li class="nav-item "> <a href="/data/symbol.php">Manufacturer ID</a> </li> <li class="nav-item "> <a href="/tradeshows/">Tradeshow</a> </li> <li class="nav-item "> <a href="/article/">Blog</a> </li> <li class="nav-item "> <a href="/mediapartner/">Media Partner</a> </li> <li class="nav-item"> <a href="/member/">Membership</a> </li> </ul> </div> </div> </div> </header> <main> <div class="px-3"> <nav class="location" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/"><span class="bi bi-house-door"></span>Home</a></li> <li class="breadcrumb-item"><a href="/standards/">Standard & CAD</a></li> <li class="breadcrumb-item active" aria-current="page">lists </li> </ol> </nav> <div class="row row-product mb-3"> <div class="col left-collapse left-collapse-gray" id="leftbar"> <nav class="sidebar w-100" > <div class="nav-item"> <h3 class="prop-menu-title " data-toggle="collapse" data-target="#nav-list-0" aria-expanded="">Bolts & Studs <span class="bi bi-chevron-down"></span></h3> <div class="nav-list-wrap collapse show" id="nav-list-0"> <ul class="nav-list"> <li class="active" > <a href="/standards/?narr62=0&narr57=229&sort=0" title="12 Point Bolts">12 Point Bolts </a> </li> </ul> </div> </div> </nav> </div> <div class="col"> <div class="filter-btn-group"> <a href="#" class="btn-filer btn-filter-category" lay-on="left-collapse"> <span class="bi bi-list"></span> Categories </a> <a href="#filter-control" class="btn-filer " data-toggle="collapse" aria-expanded="true"><i class="bi bi-funnel"></i> Filters</a> </div> <div id="filter-control" class="collapse show filter-control"> <div class="item"> <div class="item-title"> Applied filters </div> <div class="item-content"> <ul class="tag-list tag-list-sm"> <li> 12 Point Bolts <a href="/standards/?narr62=0&narr57=229&sort=0"><i class="bi bi-x"></i> </a> </li> <li> [UN] UNC/UNF/UNEF/UNR/UNRC/UNRF/UNS/...<a href="/standards/?narr62=0&sort=115&narr57=0"> <i class="bi bi-x"></i> </a> </li> <li class="clear"><a href="./">Clear All</a></li> </ul> </div> </div> <div class="item"> <div class="item-title"> Standards </div> <div class="item-content"> <div class="item-expand"> <a class="w-02 " href="/standards/?narr62=0&sort=115&narr57=229&typ=58" title="ASME">ASME</a> <a class="w-02 " href="/standards/?narr62=0&sort=115&narr57=229&typ=3" title="IFI">IFI</a> <a class="w-02 " href="/standards/?narr62=0&sort=115&narr57=229&typ=35" title="SAE">SAE</a> </div> </div> </div> <div class="item "> <div class="item-title">Thread Type </div> <div class="item-content"> <div class="item-expand"> <a href="/standards/?narr62=0&sort=115&narr57=0" class="w-short w-02 active" title="[UN] UNC/UNF/UNEF/UNR/UNRC/UNRF/UNS/..."> [UN] UNC/UNF/UNEF/UNR/UNRC/UNRF/UNS/... </a> </div> </div> </div> <div class="item p-wt"> <div class="item-title">External Driving </div> <div class="item-content"> <div class="item-expand"> <a href="/standards/?narr62=0&sort=115&narr57=229&narr59=268" class="w-03" title="12 Point"> <span class="pic"><img src="//img.globalfastener.com/upload/48/sort/2019/08/28/1566953716973778650.png"/></span> </a> </div> </div> </div> <div class="item p-wt"> <div class="item-title">Locking Type </div> <div class="item-content"> <div class="item-expand"> <a href="/standards/?narr62=0&sort=115&narr57=229&narr60=195" class="w-03" title="Flange"> <span class="pic"><img src="//img.globalfastener.com/upload/48/sort/2019/08/15/1565847398775344714.png"/></span> </a> </div> </div> </div> <div class="item p-wt"> <div class="item-title">Shank </div> <div class="item-content"> <div class="item-expand"> <a href="/standards/?narr62=0&sort=115&narr57=229&narr61=220" class="w-03" title="Normal Shank"> <span class="pic"><img src="//img.globalfastener.com/upload/48/sort/2019/08/15/1565858471789993931.png"/></span> </a> </div> </div> </div> <div class="item p-wt"> <div class="item-title">Point </div> <div class="item-content"> <div class="item-expand"> <a href="/standards/?sort=115&narr57=229&narr62=271" class="w-03" title="Flat Point"> <span class="pic"><img src="//img.globalfastener.com/upload/48/sort/2019/08/16/1565930467535763547.png"/></span> </a> </div> </div> </div> </div> <div class="product-container"> <div class="row"> <div class="col">  <ul class="product-list"> <li class="item"> <div class="pic"> <div id="carousel0" class="carousel slide" data-touch="true"> <div class="carousel-inner"> <div class="carousel-item active"> <a class="item-center" href="/standards/detail.php?sid=MjExMTY=" title="12-Point Flange Head Screws (12.9 / ASTM F468M) ASME B 18.2.5M - 2013" target="_blank"> <img class="img-fluid" src="//img.globalfastener.com/upload/48/pic/2019/09/10/1568102048529871419.jpg" alt="12-Point Flange Head Screws (12.9 / ASTM F468M)" onerror="this.src='/images/nopic.gif'" /> </a> </div> </div> </div> </div> <div class="desc"> <p class="subtitle"> <a href="/standards/detail.php?sid=MjExMTY=" title="ASME B 18.2.5M - 2013" target="_blank"> ASME B 18.2.5M - 2013 </a> </p> <a class="title" href="/standards/detail.php?sid=MjExMTY=" title="12-Point Flange Head Screws (12.9 / ASTM F468M) ASME B 18.2.5M - 2013" target="_blank"> 12-Point Flange Head Screws (12.9 / ASTM F468M) </a> <a href="/standards/detail.php?sid=MjExMTY=#suppliers" class="badge badge-light" target="_blank"> View Suppliers </a> </div> </li> <li class="item"> <div class="pic"> <div id="carousel0" class="carousel slide" data-touch="true"> <div class="carousel-inner"> <div class="carousel-item active"> <a class="item-center" href="/standards/detail.php?sid=MTMwMQ==" title="Flange 12-Point Screws IFI 115 - 2002" target="_blank"> <img class="img-fluid" src="//img.globalfastener.com/upload/48/pic/2019/09/10/1568102048529871419.jpg" alt="Flange 12-Point Screws" onerror="this.src='/images/nopic.gif'" /> </a> </div> </div> </div> </div> <div class="desc"> <p class="subtitle"> <a href="/standards/detail.php?sid=MTMwMQ==" title="IFI 115 - 2002" target="_blank"> IFI 115 - 2002 </a> </p> <a class="title" href="/standards/detail.php?sid=MTMwMQ==" title="Flange 12-Point Screws IFI 115 - 2002" target="_blank"> Flange 12-Point Screws </a> <a href="/standards/detail.php?sid=MTMwMQ==#suppliers" class="badge badge-light" target="_blank"> View Suppliers </a> </div> </li> <li class="item"> <div class="pic"> <div id="carousel0" class="carousel slide" data-touch="true"> <div class="carousel-inner"> <div class="carousel-item active"> <a class="item-center" href="/standards/detail.php?sid=MjQ1MDQ=" title="(R) Bolt, Machine - Double Hexagon Extended Washer Head, PD Shank, CRES, UNS N07718, 185 KSI Min, .1900-32 UNJF-3A SAE AS 3236 (B) - 2002" target="_blank"> <img class="img-fluid" src="//img.globalfastener.com/upload/48/pic/2023/11/07/1699342694325189860.jpg" alt="(R) Bolt, Machine - Double Hexagon Extended Washer Head, PD Shank, CRES, UNS N07718, 185 KSI Min, .1900-32 UNJF-3A" onerror="this.src='/images/nopic.gif'" /> </a> </div> </div> </div> </div> <div class="desc"> <p class="subtitle"> <a href="/standards/detail.php?sid=MjQ1MDQ=" title="SAE AS 3236 (B) - 2002" target="_blank"> SAE AS 3236 (B) - 2002 </a> </p> <a class="title" href="/standards/detail.php?sid=MjQ1MDQ=" title="(R) Bolt, Machine - Double Hexagon Extended Washer Head, PD Shank, CRES, UNS N07718, 185 KSI Min, .1900-32 UNJF-3A SAE AS 3236 (B) - 2002" target="_blank"> (R) Bolt, Machine - Double Hexagon Extended Washer Head, PD Shank, CRES, UNS N07718, 185 KSI Min, .1900-32 UNJF-3A </a> </div> </li> <li class="item"> <div class="pic"> <div id="carousel0" class="carousel slide" data-touch="true"> <div class="carousel-inner"> <div class="carousel-item active"> <a class="item-center" href="/standards/detail.php?sid=MjUwNw==" title="Bihexagonal Head Bolts With Flange SAE J 58 - 1998" target="_blank"> <img class="img-fluid" src="//img.globalfastener.com/upload/48/pic/2019/09/10/1568102048529871419.jpg" alt="Bihexagonal Head Bolts With Flange" onerror="this.src='/images/nopic.gif'" /> </a> </div> </div> </div> </div> <div class="desc"> <p class="subtitle"> <a href="/standards/detail.php?sid=MjUwNw==" title="SAE J 58 - 1998" target="_blank"> SAE J 58 - 1998 </a> </p> <a class="title" href="/standards/detail.php?sid=MjUwNw==" title="Bihexagonal Head Bolts With Flange SAE J 58 - 1998" target="_blank"> Bihexagonal Head Bolts With Flange </a> </div> </li> </ul>  </div> </div> </div> </div>  <div class="col right-ad-list "> <div class="ad-list">    <div class="alert alert-primary" role="alert"><a href="/customized/">Product Category</a></div> <div class="text-center mb-1"> <a href="/profile/cargin/" title="Pins / Keys" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/27213/1722562128519631481.jpg" />  <div class="text"> <h3 class="title"> Pins / Keys </h3> <div class="desc"> <span class="tags">High-quality product</span> <span class="tags">DIY package</span> <span class="tags">Reasonable price</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/kinsom/" title="Stainless Steel or Steel Screws" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/27314/1724896276261364683.jpg" />  <div class="text"> <h3 class="title"> Stainless Steel or Steel Screws </h3> <div class="desc"> <span class="tags">SS304</span> <span class="tags">With zinc-nickel black coating</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/acei-nonsandard/" title="Set Screws" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/9323/202004301588233716.jpg" />  <div class="text"> <h3 class="title"> Set Screws </h3> <div class="desc"> <span class="tags">Plugs</span> <span class="tags">Hydraulic nuts</span> <span class="tags">Cored screws</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/kinsom/" title="Kinsom Custom Fasteners" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/27314/1724896020558144854.jpg" />  <div class="text"> <h3 class="title"> Kinsom Custom Fasteners </h3> <div class="desc"> <span class="tags">Automotive industry</span> <span class="tags">Spare parts</span> <span class="tags">Clear zinc coating</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/hlyjm/" title="Precious Screws" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/25535/1723015144671600272.jpg" />  <div class="text"> <h3 class="title"> Precious Screws </h3> <div class="desc"> <span class="tags">Screws</span> <span class="tags">CNC parts</span> <span class="tags">Machine parts</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/cxdsjgj/" title="Rivet Screws" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/12152/1723014805478121930.jpg" />  <div class="text"> <h3 class="title"> Rivet Screws </h3> <div class="desc"> <span class="tags">Stainless steel rivet screws</span> <span class="tags">Steel rivet screws</span> <span class="tags">Alum rivet screws</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/kinsom/" title="Automotive Accessories Parts" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/27314/1724895725808509291.jpg" />  <div class="text"> <h3 class="title"> Automotive Accessories Parts </h3> <div class="desc"> <span class="tags">Metal steel screws</span> <span class="tags">Fasteners customized</span> <span class="tags">Cold forging process</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/sunrisesh/" title="Stamping Parts" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/633/202005071588828740.jpg" />  <div class="text"> <h3 class="title"> Stamping Parts </h3> <div class="desc"> <span class="tags">Wing nuts</span> <span class="tags">Wing screws</span> <span class="tags">Thumb screws</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/kinsom/" title="CNC Machining Precision Parts" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/27314/1724895861668147829.jpg" />  <div class="text"> <h3 class="title"> CNC Machining Precision Parts </h3> <div class="desc"> <span class="tags">Rivet nuts</span> <span class="tags">Metal parts</span> </div> </div> </a> </div> <div class="text-center mb-1"> <a href="/profile/grandametal/" title="Rivet Parts" target="_blank"> <img class="figure-img img-fluid" src="//img.globalfastener.com/upload/48/company_file/26221/1722404029817411165.jpg" />  <div class="text"> <h3 class="title"> Rivet Parts </h3> <div class="desc"> <span class="tags">Rivet screws/Rivet studs</span> <span class="tags">Blind rivets/Hand-tightened screws</span> <span class="tags">Rivet nuts/Copper nuts</span> </div> </div> </a> </div>  </div> <p class="text-center py-3"> <a class="btn-join btn-join-fill btn-join-lg" href="/pms.php" target="_blank" title="Leave a Message"><span class="bi bi-send-fill"></span>Leave a Message</a> </p> </div>  </div> </div> </main> <footer class="py-4 bg-footer"> <div class="container-fluid"> <div class="d-flex flex-wrap align-items-center justify-content-between"> <div class="copyright d-flex flex-wrap"> <p class="pr-2">© Copyright 2009-2024 GlobalFastener Inc</p> </div> <div class="footer-state"> <a href="/about/" title="Customer Service">About Us</a>  <a href="/about/pricing.php">Pricing</a>  <a href="/about/term.php">Terms of Use</a>  <a href="/about/faq.php" title="Customer Service">FAQ</a>  <a href="/about/contact.php">Contact Us</a> </div> </div> </div> </footer> <script src="/js/jquery-3.6.0.min.js"></script> <script src="/system/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="/system/layui/layui.js?v=2.9.18"></script> <script src="/js/swiper.min.js"></script> <script src="/js/trans.js"></script> <script> const $dropdown = $(".dropdown"); const $dropdownToggle = $(".dropdown-toggle"); const $dropdownMenu = $(".dropdown-menu"); const showClass = "show"; $(window).on("load resize", function() { if (this.matchMedia("(min-width: 768px)").matches) { $dropdown.hover( function() { const $this = $(this); $this.addClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "true"); $this.find($dropdownMenu).addClass(showClass); }, function() { const $this = $(this); $this.removeClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "false"); $this.find($dropdownMenu).removeClass(showClass); } ); $dropdownToggle.click(function(){ if(!$(this).hasClass("prevent")){ window.open($(this).attr('href'),$(this).attr('target')); } }); } else { $dropdown.off("mouseenter mouseleave"); } }); translate["\u0073\u0065\u0074\u0055\u0073\u0065\u0056\u0065\u0072\u0073\u0069\u006f\u006e\u0032"]();translate["\u006c\u0069\u0073\u0074\u0065\u006e\u0065\u0072"]["\u0073\u0074\u0061\u0072\u0074"]();translate["\u006c\u0061\u006e\u0067\u0075\u0061\u0067\u0065"]["\u0073\u0065\u0074\u004c\u006f\u0063\u0061\u006c"]("\u0065\u006e\u0067\u006c\u0069\u0073\u0068");translate["\u0069\u0067\u006e\u006f\u0072\u0065"]["\u0063\u006c\u0061\u0073\u0073"]["\u0070\u0075\u0073\u0068"]("sloot-pot".split("").reverse().join(""));translate['selectLanguageTag']["\u0073\u0068\u006f\u0077"]=![];translate["\u0065\u0078\u0065\u0063\u0075\u0074\u0065"]();var curlang=translate["\u006c\u0061\u006e\u0067\u0075\u0061\u0067\u0065"]["\u0067\u0065\u0074\u0043\u0075\u0072\u0072\u0065\u006e\u0074"]();$("meti-nwodpord. sloot-pot.".split("").reverse().join(""))["\u0063\u006c\u0069\u0063\u006b"](function(){$(this)["\u0073\u0069\u0062\u006c\u0069\u006e\u0067\u0073"]()["\u0072\u0065\u006d\u006f\u0076\u0065\u0043\u006c\u0061\u0073\u0073"]('active');$(this)["\u0061\u0064\u0064\u0043\u006c\u0061\u0073\u0073"]("\u0061\u0063\u0074\u0069\u0076\u0065");$(this)['closest']("\u002e\u0064\u0072\u006f\u0070\u0064\u006f\u0077\u006e")["\u0066\u0069\u006e\u0064"]("eltit-nwodpord.".split("").reverse().join(""))['html']($(this)["\u0074\u0065\u0078\u0074"]());lang=$(this)["\u0064\u0061\u0074\u0061"]('lang');translate["\u0063\u0068\u0061\u006e\u0067\u0065\u004c\u0061\u006e\u0067\u0075\u0061\u0067\u0065"](lang);})['each'](function(){lang=$(this)["\u0064\u0061\u0074\u0061"]('lang');ptitle=$(this)['closest']("nwodpord.".split("").reverse().join(""))['find']('.dropdown-title');if(lang==curlang){$(this)["\u0061\u0064\u0064\u0043\u006c\u0061\u0073\u0073"]('active')["\u0073\u0069\u0062\u006c\u0069\u006e\u0067\u0073"]()["\u0072\u0065\u006d\u006f\u0076\u0065\u0043\u006c\u0061\u0073\u0073"]("evitca".split("").reverse().join(""));if(curlang!="hsilgne".split("").reverse().join("")){ptitle['html']($(this)["\u0074\u0065\u0078\u0074"]())['addClass']("tnecca-knil".split("").reverse().join(""))["\u0073\u0069\u0062\u006c\u0069\u006e\u0067\u0073"]("ib.".split("").reverse().join(""))["\u0061\u0064\u0064\u0043\u006c\u0061\u0073\u0073"]("tnecca-knil".split("").reverse().join(""));}}}); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?8087b863d24acb3928062e5ca830fc22"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> function hasMore(){ htmlmore = '<span class="item-show">More <i class="bi bi-chevron-down"></i></span>'; more = 'More <i class="bi bi-chevron-down"></i>'; less = 'Less <i class="bi bi-chevron-up"></i>'; $(".item-expand").each(function(i,e){ height = $(this).prop('scrollHeight'); if(height > 40){ $(this).find(".item-show").remove(); $(this).addClass("has-more").append(htmlmore); }else{ $(this).removeClass("has-more open").find(".item-show").remove(); } }); $('.item-show').on('click',function(){ var el = $(this).closest('.item-expand'); el.toggleClass('open'); if(el.hasClass('open')){ $(this).html(less); } else{ $(this).html(more); } }) } $(window).on("load resize",layui.debounce(hasMore,500)); </script> <script> layui.use(function(){ var layer = layui.layer; var util = layui.util; var $ = layui.$; util.on('lay-on', { 'left-collapse': function(){ layer.open({ type: 1, offset: 'l', anim: 'slideRight', area: ['350px', '100%'], shade: 0.5, title:"Categories", shadeClose: true, id: 'fasLeft', content: $("#leftbar"), }); } }); }); </script> </body> </html>

CINXE.COM

Standard & CAD & Supplier-Global Fastener Platform