这是一款简洁美观的jQuery手机端下拉搜索框代码,点击导航图标顶部下拉滑动显示搜索框代码。
js代码
<script type=\"text/javascript\"> (function($) { // Handle click on toggle search button $(\'#toggle-search\').click(function() { $(\'#search-form, #toggle-search\').toggleClass(\'open\'); return false; }); // Handle click on search submit button $(\'#search-form input[type=submit]\').click(function() { $(\'#search-form, #toggle-search\').toggleClass(\'open\'); return true; }); // Clicking outside the search form closes it $(document).click(function(event) { var target = $(event.target); if (!target.is(\'#toggle-search\') && !target.closest(\'#search-form\').size()) { $(\'#search-form, #toggle-search\').removeClass(\'open\'); } }); })(jQuery); </script>
暂无评论内容