jquery如何判断select是否隐藏？

Question

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

代码如下：

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

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

Answer 1

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