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
Post a Comment