jQuery通过单击不同的值隐藏和显示容器

jQuery通过单击不同的值隐藏和显示容器,jquery,Jquery,我只想隐藏和显示.container,用jQuery在正确的输入字段上单击 如何仅显示第一个和第二个容器。如果我点击评级为2星及以上,价格为2.50美元,送货费为4.00美元 第一个和第二个容器应仅可见。但是如果我点击“4星及以上”,第二个容器就会出现 如果我再次点击“三星和更多”,所有这些都会消失。如果我点击附加价格3.45美元和Dalivery收费5.00美元,最后一个容器应该是可见的 我的代码示例 评级 一颗星 双星及以上 三星及以上 四星及以上 五星及以上 价格 不管怎样 1.00$

我只想隐藏和显示.container,用jQuery在正确的输入字段上单击

如何仅显示第一个和第二个容器。如果我点击评级为2星及以上,价格为2.50美元,送货费为4.00美元

第一个和第二个容器应仅可见。但是如果我点击“4星及以上”,第二个容器就会出现

如果我再次点击“三星和更多”,所有这些都会消失。如果我点击附加价格3.45美元和Dalivery收费5.00美元,最后一个容器应该是可见的

我的代码示例

评级

一颗星 双星及以上 三星及以上 四星及以上 五星及以上 价格

不管怎样 1.00$ 2.50$ 3.00$ 3.45$ 送货费

1.00$ 2.00$ 3.00$ 4.00$ 5.00$ 第一个容器

第二个容器

最后一个容器

$(窗口)。加载(函数(){ $(“#导航>.box>标签>输入”)。单击(函数(){ var get_value=$(this).val();//从输入字段获取值 如果(获取_值!==“”){ // ?? } 如果(获取_值==“0”){ $(“#content>.container”).show(); } }); )};
如果运行代码段,则会出现语法错误,需要寻址。这里有一个开始:
$(函数(){$(“#导航>.box>标签>输入”)。单击(函数(){$(“#内容>.container”).hide();var get#value=$(this.val();$(“#内容>.container”).eq(get#value-1.show());})