
这是一款简洁美观的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>










暂无评论内容