Examples are as follows:
<include file="Public:header" /> <style type="text/css"> table{width:100%;margin: 0;} </style> <script type='text/javascript' src="/{:APP_PATH}/Public/js/unslider.min.js"></script> <script type="text/javascript"> //Define page loading event/*$(function(){ $('#more').addClass('moreno'); $('#more').click(function(){ //Hide element (move left) if ($('#more').hasClass('moreno')) { $('#sider').animate({ left:0 },1000,function(){ $('#more').removeClass('moreno'); }); }else{ $('#sider').animate({ left:-120 },1000,function(){ $('#more').addClass('moreno'); }); } }); }); */ //Define page loading event $(function(){ $('#more').addClass('moreno'); //Hide the element (more to left) event.stopPropagation(); if ($('#more').hasClass('more')) { $('#more').addClass('moreno'); }); }); $('#more').click(function(event){ event.stopPropagation(); //Hide the element (more to the left) event.stopPropagation(); if ($('#more').hasClass('moreno')) { $('#sider').animate({ left:0 },1000,function(){ $('#more').removeClass('moreno'); }); }else{ $('#sider').animate({ left:-120 },1000,function(){ $('#more').addClass('moreno'); }); } }); }); </script> <div> <div> <div> <div style="position:absolute;"> <img id="more" style="margin-top:8px;" src="/{:APP_PATH}/Public/img/pic/more.png" /> </div> <div> <img style="height:30px;" src="/{:APP_PATH}/Public/img/main/logo1.png" /> </div> </div> </div> <div> <div style="height:180px;"> <div id="lunbo" style="overflow: hidden;"> <ul style="margin:0px;" id="lunboul" style="position: relative;"> <volist name="pic" id="vo"> <li style="float:left;text-align:center;"> <img src="{$vo['pic']}" style="height:176px;margin:auto;" > </li> </volist> </ul> </div> <script type="text/javascript"> $('#lunbo').unslider({ speed: 0, delay: 3000, complete: function() {}, keys: true, dots: true, fluid: false }); function autoScroll(obj){ $(obj).find("#voo").animate({ marginTop : "-30px" },500,function(){ $(this).css({marginTop : "0px"}).find("li:first").appendTo(this); }) } $(function(){ setInterval('autoScroll("#xst")',2000); }) </script> </div> <div> <div id="xst" style="float:right;margin-left:10px;height:30px;width:75%;overflow:hidden;"> <ul id='voo' style="margin-top:0px;"> <volist name='gonggao' id="vo"> <li style="line-height:30px;height:30px;padding-left:5px;padding-top:2px;text-align:left;"> <a href="{:U('/Index/PlatDetail',array('id'=>$vo['id']))}">{$vo['name']}</a> </li> </volist> </ul> </div> <div style="float:right;margin:5px 0;"> Latest Announcement</div> </div> <table id="fone" onclick="javascript:location.href='/Invest/InvestHp/biao_type/love'"> <tr> <td><img src="/{:APP_PATH}/Public/img/pic/new.png"/></td> <td>Newbie's standard</td> <td><span>8-10%</span><span> Expected annualized returns</span></td> <td><span>7<span>day</span></span><span>Investment period</span></td> <td><img src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td> </tr> </table> <table onclick="javascript:location.href='/Invest/InvestList/biao_type/yxlc'"> <tr> <td><img src="/{:APP_PATH}/Public/img/pic/fast.png" /></td> <td>Fast Series</td> <td><span>8-10%</span><span>Expected annualized returns</span></td> <td><span>1<span>month</span></span><span>Investment period</span></td> <td><img src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td> </tr> </table> <table onclick="javascript:location.href='/Invest/InvestList/biao_type/gxd'"> <tr> <td><img src="/{:APP_PATH}/Public/img/pic/stable.png" /></td> <td>Stable Series</td> <td><span>12-14%</span><span>Expected annualized returns</span></td> <td><span>3-6<span>month</span></span><span>Investment period</span></td> <td><img src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td> </tr> </table> <if condition="$GLOBALS['userinfo']['org_code'] eq 'fc'"> <table onclick="javascript:location.href='/Invest/InvestList/biao_type/fcb'"> <tr> <td><img src="/{:APP_PATH}/Public/img/pic/house.png" /></td> <td>Real Estate Treasure</td> <td><span>8-16%</span><span>Expected annualized income</span></td> <td><span>3-6<span>month</span></span><span>Investment period</span></td> <td><img src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td> </tr> </table> </if> <div onclick="javascript:location.href='/Goods/Index'"> <img src="/{:APP_PATH}/Public/img/pic/logobean.png"/> </div> <div id="sider"> <ul id="usecond"> <li style="line-height:36px"> <a href="{:U('Index/Platann')}" style="color:#FFF">Platform Announcement</a></li> <li style="line-height:36px"> <a href="{:U('Index/HelpCenter')}" style="color:#FFF">Help Center</a></li> <li style="line-height:36px"> <a href="{:U('Index/PlatIntro')}" style="color:#FFF">Platform Introduction</a></li> <li style="line-height:36px"> <a href="{:U('Index/PlatIntro')}" style="color:#FFF">Platform Introduction</a></li> <li style="line-height:36px"> <a href="{:U('Index/Contact')}"style="color:#FFF">Contact us</a></li> </ul> </div> </div> <include file="Public:footer" />The above article is the method of hiding divs at any location on the click page. It is all the content I share with you. I hope you can give you a reference and I hope you can support Wulin.com more.