单击optgroup时显示/隐藏选项

Question

我有这样的表格：

<form>
<select>
<optgroup class="continent" label="Africa">
<optgroup class="country" label="&nbsp;&nbsp;Algeria">
<option value="AA-Alg">AllAfrica: Algeria</option>
</optgroup>
</optgroup>
</select>
</form>

如果.country设置为display:none;，我正在尝试制作一个功能，当我点击.country和display:inline之间切换display:none {1}}。

此处http://jsfiddle.net/ARdKR/显示的功能适用于.continent，但这不适用于<li> & <ul>。

由于