jquery如何判断select是否隐藏？

Question

两个select，是个城市下拉选择，第一个是省份选择，另一个是城市选择。
城市选择插件会自动隐藏第二个，当选择的省份有城市时，第二个才会显示。

代码如下：

<p>
    <select>北京</select>
    <select style="display: none;"></select> /*默认隐藏*/</p>

我的问题是，如何判断当前如果select只显示一个不添加样式，如果显示两个<p>会添加一个class。之后如果选择其它省份时，没有城市可选择时，会移除<p>里之前添加的样式...请问该怎么做呢？非常感谢！~

Answer 1

<p&nbsp;id="select-box"> &nbsp;&nbsp;&nbsp;&nbsp;<select&nbsp;id="province"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="北京">北京</option> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="深圳">深圳</option> &nbsp;&nbsp;&nbsp;&nbsp;</select> &nbsp;&nbsp;&nbsp;&nbsp;<select&nbsp;style="display:&nbsp;none;"&nbsp;id="city"></select></p><script> &nbsp;&nbsp;&nbsp;&nbsp;$(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;city&nbsp;=&nbsp;$('#city'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#province').change(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(city.css('display')=='none'){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#select-box').addClass('hasCity'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#select-box').removeClass('hasCity'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;})</script>