jQuery手机端下拉搜索框代码

jQuery手机端下拉搜索框代码-精品资源网
jQuery手机端下拉搜索框代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery手机端下拉搜索框代码

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

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容