Javascript 新手jQuery切换/隐藏/显示按钮单击

我正在尝试使用jQuery编写函数，但我的jQuery一点也不好。当页面加载时，应该有两个字段

Min Apt Price

和

Max Apt Price

。当我点击一个按钮时，这些初始字段需要隐藏，我需要

最低床位价格

和

最高床位价格

来显示。我已经到了这样的地步：当页面加载

minaptprice

和

maxpaptprice

时，将显示，而另外两个保持隐藏状态。当我点击按钮时，

Min Bed Price

和

Max Bed Price

将显示在原始字段旁边。希望这是有道理的

HTML:

$（文档）.ready（函数（）{
$（'.room price'）.hide（）；
$（“#价格开关”）。单击（函数（）{
$（'.room price'）.toggle（）；
$（'.apt price'）.hide（）；
});
});

转换




您有
apt price
作为一个ID，而不是一个类，所以如果您想切换它们，您可以这样做


$（文档）.ready（函数（）{
$（'.room price'）.hide（）；
$（“#价格开关”）。单击（函数（）{
$（'.room price，#apt price'）.toggle（）；
});
});

转换




您有
apt price
作为一个ID，而不是一个类，所以如果您想切换它们，您可以这样做


$（文档）.ready（函数（）{
$（'.room price'）.hide（）；
$（“#价格开关”）。单击（函数（）{
$（'.room price，#apt price'）.toggle（）；
});
});

转换




其
Id=apr price
不是类，因此使用
$（“#apt price”）
应用。在单次切换中应用这两个选项足以切换


$（文档）.ready（函数（）{
$（'.room price'）.hide（）；
$（“#价格开关”）。单击（函数（）{
$（'.room price，#apt price'）.toggle（）；
});
});

转换




其
Id=apr price
不是类，因此使用
$（“#apt price”）
应用。在单次切换中应用这两个选项足以切换


$（文档）.ready（函数（）{
$（'.room price'）.hide（）；
$（“#价格开关”）。单击（函数（）{
$（'.room price，#apt price'）.toggle（）；
});
});

转换




Oy。我总是看一些小东西。谢谢我很感激你的回答，它成功了！哦。我总是看一些小东西。谢谢我很感激你的回答，它成功了！