Oh got it, nevermind.
On Nov 6, 9:06 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> Cheers for that!
> It doesn't work though. I should point out that the divs with the IDs
> are elsewhere in the document, not near the select - but that
> shouldn't matter should it?
> Is there some way I can debug it to print out the ID so I can make
> sure it's doing what I want it to do?
>
> On Nov 5, 7:23 pm, Wizzud <[EMAIL PROTECTED]> wrote:
>
> > This is all you need inside the change() function...
>
> > $('#' + $('option:selected', this).attr('class')).show();
>
> > On Nov 5, 1:38 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
>
> > > $(document).ready(function() {
> > > $('div.hidden').hide();
> > > $('#node-58 > select.state').change(function () {
> > > $(this).find("option:selected"); // I think this line needs
> > > a function to wrap the next bit of code?
> > > var equiv = $('#' + this.className);
> > > if(equiv.length){
> > > equiv.show();
> > > }
> > > });
>
> > > });
>
> > > 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.