Javascript 下拉Div切换2个不同的Div

我有一个运行良好的现有javascript解决方案，但我遇到了一个新的增强，它要求我命名为“AlwaysDisplaySelection”的div只有在下拉选择从默认更改为其他内容时才可见

这是工作表

以下是HTML代码：

<select name="my-select" class="js-my-select">
  <option value="nothing" selected>Select Color</option>
  <option value="red">Red</option>
  <option value="orange">Orange</option>
  <option value="yellow">Yellow</option>
  <option value="blue">Blue</option>
  <option value="green">Green</option>
</select>
<div class="js-my-image red"></div>
<div class="js-my-image orange"></div>
<div class="js-my-image yellow"></div>
<div class="js-my-image blue"></div>
<div class="js-my-image green"></div>
<div class="js-my-image alwaysdisplayonselection">This is visible once a selection is made, but invisible once the selection is returned to default, or the first dropdown option with "nothing" value.</div>

如果您能帮助我使“AlwaysDisplaySelection”div仅显示一次，并在刷新页面或所选选项的值为“nothing”时选择并隐藏该选项，我将不胜感激

提前谢谢你

您可以更改事件内部的可见性：

$('.alwaysdisplayonselection').toggle(this.value != 'nothing');

您的更新

var$select=$（'.js my select'），
$images=$（'.js我的图像'）；
$select.on（'change'，function（）{
var值='.+$（this.val（）；
$images.show（）.not（value.hide（）；
$（'.AlwaysDisplaySelection'）。切换（this.value！=“nothing”）；
});
div{
显示：无；
高度：50px；
宽度：50px；
}
瑞德先生{
背景色：红色；
}
.橙色{
背景颜色：橙色；
}
黄先生{
背景颜色：黄色；
}
格林先生{
背景颜色：绿色；
}
蓝先生{
背景颜色：蓝色；
}

选择颜色
红色
橙色
黄色的
蓝色
绿色
一旦进行选择，此选项即可见，但一旦
选择将返回到默认值，或者返回第一个下拉选项，该选项的值为“nothing”。
这非常简单！谢谢
$('.alwaysdisplayonselection').toggle(this.value != 'nothing');