</div> </article> </div> <div class="notice right"> <link href="/Public/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css"> <!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> --> <script src="https://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script> <style> .hjrDiv{width:295px;height:267px;background:url(/Public/tpls/frontx/image/hjBj.png);float:left;} .hjrDiv table{width:90%;margin-top:90px;margin-left:5%;text-align:center;} .hjrDiv table .text-1{width:88%;height:24px;border:none;margin-bottom:20px;padding:0 5px;} .button-1{background:#d9c96e;color:#fff;border:none;padding:2px 10px;margin-top:20px;} </style> <!--通知公告--> <!--通知公告 end--> <!--奖励通知+奖励介绍--> <div class="title"> <h2>奖励通知<a href="/Reward/Content/index/cateid/283.do" class="more right">更多 +</a></h2> <div class="line"></div><span>Announcements</span> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>06</span> Aug </div> 通知 </div> <a title="<span>关于推荐及评选第十五届周培源物理奖的通知</span>" target="_blank" href="/Home/Content/show/id/5054.do">关于推荐及评选第十五届周培源物理奖的通知</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>06</span> Aug </div> 通知 </div> <a title="<span>关于推荐及评选第四届中国物理学会萨本栋应用物理奖</span><span>的通知</span>" target="_blank" href="/Home/Content/show/id/5053.do">关于推荐及评选第四届中国物理学会萨本栋应用物理奖的通知</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>06</span> Aug </div> 通知 </div> <a title="<span>关于推荐及评选第十届中国物理学会谢希德物理奖（女物理工作者）的通知</span>" target="_blank" href="/Home/Content/show/id/5056.do">关于推荐及评选第十届中国物理学会谢希德物理奖（女物理工作者）的通知</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>06</span> Aug </div> 通知 </div> <a title="<span>关于推荐及评选第九届中国物理学会黄昆物理奖的通知</span>" target="_blank" href="/Home/Content/show/id/5057.do">关于推荐及评选第九届中国物理学会黄昆物理奖的通知</a> </div> <div class="title"> <h2>奖励介绍<a href="/Reward/Content/index/cateid/267/reward/1.do" class="more right">更多 +</a></h2> <div class="line"></div><span>introduce</span> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>08</span> Apr </div> 介绍 </div> <a title="中国物理学会胡刚复、饶毓泰、叶企孙、吴有训、王淦昌物理奖章程" target="_blank" href="/Home/Content/show/id/124.do">中国物理学会胡刚复、饶毓泰、叶企孙、吴有训、王淦昌物理奖章程</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>23</span> Oct </div> 介绍 </div> <a title="周培源物理奖奖励条例" target="_blank" href="/Home/Content/show/id/265.do">周培源物理奖奖励条例</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>23</span> Oct </div> 介绍 </div> <a title="<span>中国物理学会萨本栋应用物理奖章程</span>" target="_blank" href="/Home/Content/show/id/267.do">中国物理学会萨本栋应用物理奖章程</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>25</span> Aug </div> 介绍 </div> <a title="<span>中国物理学会谢希德物理奖章程</span>" target="_blank" href="/Home/Content/show/id/215.do">中国物理学会谢希德物理奖章程</a> </div> <!--奖励介绍 end--> <!--download--> <div class="title"> <h2>资料下载<a href="/Reward/Content/index/cateid/275.do" class="more right">更多 +</a></h2> <div class="line"></div><span>download</span> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>08</span> Apr </div> 下载 </div> <a title="<span>中国物理学会五项物理奖推荐书及初审表下载</span>" target="_blank" href="/Home/Content/show/id/125.do">中国物理学会五项物理奖推荐书及初审表下载</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>25</span> Aug </div> 下载 </div> <a title="谢希德物理奖推荐书下载" target="_blank" href="http://cps.t2.dyuntech.com/Uploads/Admin/2020-10/23/5f927af14873b.doc">谢希德物理奖推荐书下载</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>23</span> Oct </div> 下载 </div> <a title="<span>中国物理学会</span>黄昆物理奖推荐书下载" target="_blank" href="http://www.cps-net.org.cn/Uploads/Admin/2020-10/23/5f92793c8c841.doc">中国物理学会黄昆物理奖推荐书下载</a> </div> <div class="clearfix notice-list"> <div class="date"> <div class="date-box"> <span>23</span> Oct </div> 下载 </div> <a title="周培源物理奖推荐书下载" target="_blank" href="/Home/Content/show/id/266.do">周培源物理奖推荐书下载</a> </div> <!--download end--> <!--获奖人--> <style> .form-control{margin-bottom:20px;} .form-control{ border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:none; border-bottom:2px solid #d1ab8e; color:#fff; padding-bottom:10px; background: url("/Public/img/arrow.png") no-repeat scroll right center transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 14px; } .form-control option{background:#1b2732;} /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ .form-control::-ms-expand { display: none; } .bootstrap-select>.dropdown-toggle{ border:none; border-bottom:2px solid #d1ab8e; background:none; color:#fff; } .bs-caret{color:#d1ab8e;} .inner::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .inner::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #d1ab8e; } .inner::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #0e1b27; } .special { color: #fff !important; background: #1b2732 !important; text-transform: uppercase; } .filter-option-inner-inner{color:#fff;} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){margin-top:-25px;} </style> <div class="hjrDiv"> <table> <tr> <td width='30%'><input type="text" placeholder="姓名" id="title" class="text-1"></td> <td align="center" width='50%'> <input type="text" placeholder="获奖人单位" id="unit" class="text-1"> </td> </tr> <tr> <td align="center" style="padding-top:20px;"> <select class="selectpicker time" data-size="8" data-width="135" title="请选择奖励时间" id="source" name="source"> <option class="special" value="">全部</option> <option class="special" value="1950">1950年</option> <option class="special" value="1951">1951年</option> <option class="special" value="1952">1952年</option> <option class="special" value="1953">1953年</option> <option class="special" value="1954">1954年</option> <option class="special" value="1955">1955年</option> <option class="special" value="1956">1956年</option> <option class="special" value="1957">1957年</option> <option class="special" value="1958">1958年</option> <option class="special" value="1959">1959年</option> <option class="special" value="1960">1960年</option> <option class="special" value="1961">1961年</option> <option class="special" value="1962">1962年</option> <option class="special" value="1963">1963年</option> <option class="special" value="1964">1964年</option> <option class="special" value="1965">1965年</option> <option class="special" value="1966">1966年</option> <option class="special" value="1967">1967年</option> <option class="special" value="1968">1968年</option> <option class="special" value="1969">1969年</option> <option class="special" value="1970">1970年</option> <option class="special" value="1971">1971年</option> <option class="special" value="1972">1972年</option> <option class="special" value="1973">1973年</option> <option class="special" value="1974">1974年</option> <option class="special" value="1975">1975年</option> <option class="special" value="1976">1976年</option> <option class="special" value="1977">1977年</option> <option class="special" value="1978">1978年</option> <option class="special" value="1979">1979年</option> <option class="special" value="1980">1980年</option> <option class="special" value="1981">1981年</option> <option class="special" value="1982">1982年</option> <option class="special" value="1983">1983年</option> <option class="special" value="1984">1984年</option> <option class="special" value="1985">1985年</option> <option class="special" value="1986">1986年</option> <option class="special" value="1987">1987年</option> <option class="special" value="1988">1988年</option> <option class="special" value="1989">1989年</option> <option class="special" value="1990">1990年</option> <option class="special" value="1991">1991年</option> <option class="special" value="1992">1992年</option> <option class="special" value="1993">1993年</option> <option class="special" value="1994">1994年</option> <option class="special" value="1995">1995年</option> <option class="special" value="1996">1996年</option> <option class="special" value="1997">1997年</option> <option class="special" value="1998">1998年</option> <option class="special" value="1999">1999年</option> <option class="special" value="2000">2000年</option> <option class="special" value="2001">2001年</option> <option class="special" value="2002">2002年</option> <option class="special" value="2003">2003年</option> <option class="special" value="2004">2004年</option> <option class="special" value="2005">2005年</option> <option class="special" value="2006">2006年</option> <option class="special" value="2007">2007年</option> <option class="special" value="2008">2008年</option> <option class="special" value="2009">2009年</option> <option class="special" value="2010">2010年</option> <option class="special" value="2011">2011年</option> <option class="special" value="2012">2012年</option> <option class="special" value="2013">2013年</option> <option class="special" value="2014">2014年</option> <option class="special" value="2015">2015年</option> <option class="special" value="2016">2016年</option> <option class="special" value="2017">2017年</option> <option class="special" value="2018">2018年</option> <option class="special" value="2019">2019年</option> <option class="special" value="2020">2020年</option> <option class="special" value="2021">2021年</option> <option class="special" value="2022">2022年</option> <option class="special" value="2023">2023年</option> <option class="special" value="2024">2024年</option> </select> </td> <td style="padding-top:20px;"> <select class="selectpicker rewardname" data-size="8" data-width="135" title="请选择奖项名称" id="ext3" name="ext3"> <option class="special" value="">全部</option> <option class="special" value="胡刚复奖">胡刚复奖</option> <option class="special" value="饶毓泰奖">饶毓泰奖</option> <option class="special" value="叶企孙奖">叶企孙奖</option> <option class="special" value="吴有训奖">吴有训奖</option> <option class="special" value="王淦昌奖">王淦昌奖</option> <option class="special" value="周培源奖">周培源奖</option> <option class="special" value="谢希德奖">谢希德奖</option> <option class="special" value="黄昆奖">黄昆奖</option> <option class="special" value="萨本栋奖">萨本栋奖</option> <option class="special" value="蔡诗东奖">蔡诗东奖</option> </select> </td> </tr> <tr> <td colspan="2"><input type="button" value="查询" class="button-1" id="rewardBtn" style="cursor: pointer;"></td> </tr> </table> </div> <script> $(function () { $('.selectpicker').selectpicker(); $('#rewardBtn').click(function () { var rewardname = $('.rewardname').selectpicker('val'); var time = $('.time').selectpicker('val'); var url = "/Reward/Content/index/cateid/268?title=" + encodeURI($('#title').val()); url += "&rewardname=" + encodeURI(rewardname); url += "&time=" + encodeURI(time); url += "&unit=" + encodeURI($('#unit').val()); window.location.href = url; }); }); </script> <!--获奖人 end--> <!--国际组织--> <!--国际组织 end--> <!--图片新闻--> <!--图片新闻 end--> </div> </div> </div> </div> <script> DYUN.loadFile(['vendor/slick/slick.min.js', 'vendor/slick/slick.min.css'], function () { $('.vidoeslider').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, centerMode: false, arrows: false, dots: true, appendDots: ".notice .point" }); }); // 文章中图片正常显示 $(function () { $(".cnews-trends .trends article img").css({ maxWidth: "100%", width: "auto"}); $(".cnews-trends .trends article img").parent("p").css("text-indent", "0"); }) </script> <script> DYUN.ready(function(){ var $flyleft= $('.fly-left'), $flyright = $('.fly-right'), $box = $('.page-home-index .row-topshow .inner'), sizes = $box.offset(), space = 10; if(!$box[0]){return;} sizes.w = $box.width(), sizes.h = $box.height(); //console.log(sizes) $flyleft.css({ left : 0 //sizes.left - $flyleft.width() - space }); $flyright.css({ left : sizes.left + sizes.w + space }); $('.fly').on('mouseenter', function(){ $(this).addClass('flyon'); //$(this).find('.flag').hide(); //$(this).find('.inner').fadeIn(); }).on('mouseleave', function(){ $(this).removeClass('flyon'); //$(this).find('.flag').show(); //$(this).find('.inner').hide(); }); var postop = $('.row-topshow').offset().top; console.log($('.fly').position()) $(window).on('scroll', function(){ if($(this).scrollTop() > postop) { $('.fly').fadeIn(); } else { $('.fly').hide(); }; }); // 新闻切换 $('.newslist.j-tabchange .cate').on('mouseover', function(){ var $t = $(this), $par = $t.parents('.t-hc').eq(0), $conts = $par.find('.articlebox'), $tabs = $par.find('.cate'); $('.newslist.j-tabchange .cate span').show(); $t.find('span').hide(); $t.prev().find('span').hide(); $t.addClass('active').siblings().removeClass('active'); $conts.hide().eq($tabs.index($t)).show(); }) .on('mouseout', function(){ }) }); DYUN.loadFile(['vendor/swiper2/swiper.js', 'vendor/swiper2/swiper2.min.css'], function(){ var swiper1 = DYUN.slider('.j-main-slider', { loop: true, autoplay : 5000, // true, disableOnInteraction:false, autoHeight: true, slidesPerView: 1, centeredSlides: true, spaceBetween: 30, effect : 'flip', pagination: { el: '.j-main-slider .swiper-pagination', type: 'bullets' }, navigation: { nextEl: '.j-main-slider .swiper-button-next', prevEl: '.j-main-slider .swiper-button-prev', }, }); // 专家轮播 var swiper2 = new Swiper('.j-expert-slider', { slidesPerView: 1, centeredSlides: true, spaceBetween: 30, autoplay: true, disableOnInteraction:false, loop:true, effect : 'flip', pagination: { el: '.j-expert-slider .swiper-pagination', // type: 'fraction', }, navigation: { nextEl: '.j-expert-slider .swiper-button-next', prevEl: '.j-expert-slider .swiper-button-prev', }, /* virtual: { slides: (function () { var slides = []; for (var i = 0; i < 600; i += 1) { slides.push('Slide ' + (i + 1)); } return slides; }()), }, */ }); }) </script> <!-- JiaThis Button BEGIN --> <script type="text/javascript" > var jiathis_config={ summary:"", shortUrl:false, hideMore:true } </script> <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script> <!-- JiaThis Button END --> <!-- footer --> <style> .flex-box {display: flex;} /* .flex-box .flex-item { flex: 1;} */ .foot .footwrap .yq-ul { margin-top: -3px; } .foot .footwrap .yq-ul>li { border-bottom: 1px solid #d1ab8e; width: 110px; position: relative; } .foot .footwrap .yq-ul>li>a { color: #d6c560; display: inline-block !important; /* vertical-align: ; */ padding: 4px 0 5px 0; } /* .foot .footwrap .yq-ul>li:first-child>a { padding-top: 0; } */ .foot .footwrap .yq-ul>li::after { content: ''; display: inline-block; width: 0; height: 0; border-top: 10px solid #d9c96e; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 0px; top: 10px; } .foot .footwrap .yq-ul>li .options { width: 105%; position: absolute; right: -126px; top: -40px; background: #0e1b27; padding: 5px; z-index: 10; /* display: none; */ max-height: 90px; overflow-y: auto; color: #d6c560; } /* .foot .footwrap .yq-ul>li .options::-webkit-scrollbar { display: none; } */ .foot .footwrap .yq-ul>li .options a { color: #d6c560; line-height: 20px; } .foot .footwrap .copy-2 img { margin-right: 30px; } .foot .footwrap .foot-2 { background: url('/Public/tpls/frontx/image/bg5.png') no-repeat right -88px; } .foot .footwrap .foot-1 .thulogo a div { display: none; } /* .foot .footwrap .select_shape { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; border: none; color: #d6c560; outline: none; } .foot .footwrap .select_shape option { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #0e1b27; border: none; color: #d6c560; outline: none; } .foot .footwrap .select_shape option:hover { background: red; } */ @media (max-width: 768px) { .foot .footwrap .copy-2 { display: none; } .foot .foot-2 .flex-box { flex-direction: column; } .foot .foot-2 .flex-box .flex-item { border-top: 1px solid #4a4a4a; padding: 30px 0; } .foot .footwrap .foot-2 { background: url(/Public/tpls/frontx/image/bg5.png) no-repeat top right -88px; } .foot .footwrap .foot-2{ padding:0;} .foot .footwrap .foot-1 .thulogo { display: flex; padding-left: 30px; justify-content: center; align-content: center; } .foot .footwrap .foot-1 .thulogo a div{ font-family: "KaiTi", "楷体", STKaiti; color: #bfb365; display: block; } .foot .footwrap .foot-1 .thulogo a div:first-child { font-family: "KaiTi", "楷体", STKaiti; font-size: 18px; } .foot .footwrap .foot-1 .thulogo a img { display: none; } } </style> <div class="foot"> <div class="footwrap clearfix"> <div class="left foot-1"> <span class="thulogo"> <a href="#" target="_blank"> <img src="/Public/tpls/frontx/image/logo2.png"> <div>中国物理学会</div> <div>Chinese Physical Society</div> </a> </span> <div class="f-1" ></div> </div> <div class="right clearfix foot-2"> <div class="copy-2 right"> <div> <img src="/Public/img/wx.jpeg" alt="" width="100" height="100"> <img src="/Uploads/Admin/2020-08/18/5f3b6e4436454.png" alt="" width="100" height="100"> <img src="/Uploads/Admin/2020-08/18/5f3b6e831eaff.jpg" alt="" width="100" height="100"> </div> <div> <span style="width:100px;display:block;float:left;text-align:center;margin-right:30px;">官方微信</span> <span style="width:100px;display:block;float:left;text-align:center;margin-right:30px;">官方网站</span> <span style="width:100px;display:block;float:left;text-align:center;margin-right:30px;">学会期刊网</span> </div> </div> <div class="copy-1 right"> <div class="flex-box"> <div class="flex-item" style="padding-right: 88px;"> <a href="javascript:void(0);" class="c">联系我们</a> <p> 通信地址：北京市海淀区中关村南三街8号</br> 电话/传真：010-82649019</br> Email：cps@iphy.ac.cn</br> </p> <div class="copylink clearfix"> <p><a href="https://beian.miit.gov.cn" target="_blank">京ICP备05002789-4号</a></p> </div> </div> <div class="flex-item"> <a href="javascript:void(0);" class="c">友情链接</a> <ul class="yq-ul"> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">地方物理学会</a> <ul class="options" data-active="0"> <li><a href="http://www.hnwlxh.net/" target="_blank">河南省物理学会</a></li> <li><a href="http://jlwlxh.wap0431.cn/" target="_blank">吉林省物理学会</a></li> <li><a href="http://www.jxphys.cn/" target="_blank">江西省物理学会</a></li> <li><a href="http://www.wlxh.sdu.edu.cn/" target="_blank">山东省物理学会</a></li> <li><a href="http://www.sxswlxh.com.cn/" target="_blank">山西省物理学会</a></li> <li><a href="http://www.sxwlxh.com/" target="_blank">陕西省物理学会</a></li> <li><a href="http://www.scphys.org.cn/" target="_blank">四川省物理学会</a></li> </ul> </li> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">国际友好学会</a> <ul class="options" data-active="0"> <li><a href="https://www.aps.org/" target="_blank">美国物理学会</a></li> <li><a href="https://www.iop.org/" target="_blank">英国物理学会</a></li> <li><a href="https://www.dpg-physik.de/?set_language=en" target="_blank">德国物理学会</a></li> <li><a href="https://www.jps.or.jp/english/" target="_blank">日本物理学会</a></li> <li><a href="http://www.kps.or.kr/e_index.php" target="_blank">韩国物理学会</a></li> <li><a href="http://iupap.org/" target="_blank">国际纯粹与应用物理联合会</a></li> <li><a href="http://www.aapps.org/main/" target="_blank">亚太物理学会协会</a></li> </ul> </li> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">推荐相关链接</a> <ul class="options" data-active="0"> <li><a href="https://www.cast.org.cn/" target="_blank">中国科学技术协会</a></li> <li><a href="http://www.iop.cas.cn/" target="_blank">中科院物理研究所</a></li> <li><a href="http://www.cpsjournals.cn/" target="_blank">中国物理学会期刊网</a></li> <li><a href="http://womenphy.cpsjournals.org.cn/CN/model/index.shtml" target="_blank">中国物理学会女物理工作者委员</a></li> </ul> </li> </ul> <div class="copylink clearfix" style="margin-top:10px;"> <p style="color:#8f7a63;">技术支持：<a href="http://www.dyuntech.com" target="_blank">顶云科技</a></p> </div> <!-- <select class="select_shape" name="friead" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option selected="">- 地方物理学会 -</option> <option value="http://www.hnwlxh.net/">河南省物理学会</option> <option value="http://jlwlxh.wap0431.cn/">吉林省物理学会</option> <option value="http://www.jxphys.cn/">江西省物理学会</option> <option value="http://www.wlxh.sdu.edu.cn/">山东省物理学会</option> <option value="http://www.sxswlxh.com.cn/">山西省物理学会</option> <option value="http://www.sxwlxh.com/">陕西省物理学会</option> <option value="http://www.scphys.org.cn/">四川省物理学会</option> </select> <br/> <select class="select_shape" name="friead" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option selected="">- 国际友好学会 -</option> <option value="https://www.aps.org/">美国物理学会</option> <option value="https://www.iop.org/">英国物理学会</option> <option value="https://www.dpg-physik.de/?set_language=en">德国物理学会</option> <option value="https://www.jps.or.jp/english/">日本物理学会</option> <option value="http://www.kps.or.kr/e_index.php">韩国物理学会</option> <option value="http://iupap.org/">国际纯粹与应用物理联合会</option> <option value="http://www.aapps.org/main/">亚太物理学会协会</option> </select> <br/> <select class="select_shape" name="friead" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option selected="">- 推荐相关链接 -</option> <option value="https://www.cast.org.cn/">中国科学技术协会</option> <option value="http://www.iop.cas.cn/">中科院物理研究所</option> <option value="http://www.cpsjournals.cn/">中国物理学会期刊网</option> <option value="http://womenphy.cpsjournals.org.cn/CN/model/index.shtml">中国物理学会女物理工作者委员</option> </select> <br/> --> </div> </div> </div> </div> </div> </div> <!-- <script src="/Public/js/run.js"></script> --> <script> $(document).click(function() { opstionObj.closeAll(); }) $(".yq-ul .select").click(function(event) { event.stopPropagation() var $options = $(this).find(".options"); opstionObj.toggleItem($options); }) var opstionObj = { el: {}, init: function(){ this.el.allOptions = $(".yq-ul .select").find(".options"); this.el.allOptions.jScrollPane(); this.el.allOptions.hide(); }, toggleItem($opts) { if ($opts.data("active") === '1') { $opts.hide(); $opts.data("active", '0'); } else { this.closeAll(); $opts.show(); $opts.data("active", '1'); } }, closeAll:function() { this.el.allOptions.each(function() { $(this).hide(); $(this).data("active", '0'); }) } } $(function() { opstionObj.init(); }) </script> </body> </html>
