手机筛选效果 html5,html5仿美团ios手机端信息筛选条件代码

特效描述：html5仿美团 ios手机端 信息筛选条件。html5仿美团ios手机版信息筛选

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

• 美食
• 附近
• 排序
• 筛选

• 全部分类 1225>
• 美食 1225>
• 电影 1225>
• 酒店 1225>
• 休闲娱乐 1225>
• KTV 1225>
• 丽人 1225>
• 外卖 1225>

• 小天鹅 1225
• 小天鹅 1225
• 小天鹅 1225
• 小天鹅 1225
• 小天鹅 1225
• 小天鹅 1225
• 小天鹅 1225

• 哈尔滨 1225>
• 全国 1225>
• 北京 1225>
• 天津 1225>
• 河北 1225>
• 山西 1225>
• 内蒙古 1225>
• 辽宁 1225>
• 吉林 1225>
• 黑龙江 1225>
• 上海 1225>
• 江苏 1225>
• 山东 1225>
• 河南 1225>
• 湖北 1225>
• 湖南 1225>
• 广东 1225>
• 广西 1225>
• 海南 1225>

A

全河北 1225

B

石家庄 1225唐山 1225秦皇岛 1225

C

邢台 1225保定 1225张家口 1225

D

承德 1225沧州 1225

E

廊坊 1225衡水 1225

• 智能排序
• 离我最近
• 好评优先
• 人气优先
• 价格最低
• 价格最高

• 优惠买单

• 只看免预约

• 节假日可用

• 用餐人数

• • 不限

  • 单人餐

  • 双人餐

  • 3~4人餐

  • 5~10人餐

  • 10人以上

  • 其它

  完成

$(function(){

$('.choosebox li a').click(function(){

var thisToggle = $(this).is('.size_radioToggle') ? $(this) : $(this).prev();

var checkBox = thisToggle.prev();

checkBox.trigger('click');

$('.size_radioToggle').removeClass('current');

thisToggle.addClass('current');

return false;

});

});

$(".choosebox li a").click(function(){

var text = $(this).html();

$(".choosetext span").html(text);

$("#result").html("" + getSelectedValue("dress-size"));

});

function getSelectedValue(id){

return

$("#" + id).find(".choosetext span.value").html();

}

Content