javascript - Hiding and showing divs when user uses select box not working correctly -


For my website I allow the user to use the drop down to select several options, when they If you choose an option, then I should hide or show different pictures according to some jquery they choose. Although it does not seem to change.

I have made a JS Bella and have done some

to test and test the text by putting it in the check section but it still does not work. Why can anyone see?

  $ (document) .ready (function () {$ ('. Box'). Hide (); $ ('# option1 $ (' # Select -portion '). $ (' # '- $ (' $ ') ($ ('. Box ') Hide (); $ (' # '+ $ (this) .val ()). Show (); $ ('$'); $ (Document) .ready (function () {$ ('prepbox'). Hide (); $ ('# option10') Show (); $ ('# select-prep-time' Change (function () ($ ('.prepaybox'). Hidden (); $ ('#' + $ (this) .val ()). Show ();});}); $ (Document) .ready (function () {$ ('cookbox'). Hide (); $ ('# cook1') Show (); $ ('# select-cook-time'). Change (function () ($ ( '. Cookbox') Hide (); $ ('#' + $ (this) .val ()). Show ();});});  

Going by your Bela, selection-time-time is a class And not an id value, so you should use the selection-time instead.

  $ ('select-cook-time'). ($ ('. Cookbox'). Hide (); $ ('#' + $ (this) .val ()). Show ();});  

Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

lua - HowTo create a fuel bar -