I've updated my code since the previous post, here's where I'm at -
though it still doesn't work! I think the problem is around my each()
function call?
<script type='text/javascript'>
$(document).ready(function() {
$('div.hidden').hide();
$('#node-58 select.state').change(function () {
$(this).find("option:selected").each(function () {
var equiv = $('#' + this.val);
if(equiv.length){
equiv.show();
}
});
});
});
</script>
>
> Explanation: I have a bunch of divs with class 'hidden' that
> automatically have to hide. Those divs also have IDs each
> corresponding to a CLASS on an <option> tag within a <select> box.
> The idea is that when you choose an option with class ".foo" it will
> show the div with ID "#foo".
>
> So far my .hidden divs get hidden, but they never get activated by the
> select box.