jQuery hide/show with select tag
Posted
by Ozzy
on Stack Overflow
See other posts from Stack Overflow
or by Ozzy
Published on 2010-06-10T18:13:34Z
Indexed on
2010/06/10
18:22 UTC
Read the original article
Hit count: 281
I'm relative new to jQuery and I've been asked to create a hide/show function with a select tag. The function pretty much would be when you click on one of the options in the select tag it will open a div associate with the div of course. To be honest I have no idea how approach this function. I need help urgently, I have already tried many online but none have seem to work. Find below the html code. Thanks.
<div class="adwizard">
<select id="selectdrop" name="selectdrop" class="adwizard-bullet">
<option value="adwizard">AdWizard</option>
<option value="collateral">Collateral Ordering Tool</option>
<option value="ebrochure">eBrochures</option>
<option value="brand">Brand Center</option>
<option value="funtees">FunTees</option>
</select>
</div>
<div class="panels">
<div id="adwizard" class="sub-box showhide">
<img src="../images/bookccl/img-adwizard.gif" width="95" height="24" alt="AdWizard" />
<p>Let Carnival help you grow your business with our great tools! Lor ipsum dolor sit amet. <a href="https://www.carnivaladwizard.com/home.asp">Learn More</a></p>
</div>
<div id="collateral" class="sub-box showhide">
<p>The Collateral Ordering Tool makes it easy for you to order destination brochures and the sales DVD for that upcoming event. <a href="http://carnival.litorders.com/workplace.asp">Learn More</a></p>
</div>
<div id="ebrochure" class="sub-box showhide">
<img src="../images/bookccl/img-ebrochure.gif" width="164" height="39" alt="Brochures" />
<p>Show your clients that you're listening to their specific vacation needs by delivering relevant planning info quickly. <a href="http://productiontrade.carnivalbrochures.com/start.aspx">Learn More</a></p>
</div>
<div id="brand" class="sub-box showhide">
<p>Carnival Brand Center is where you'll find information on our strategy, guidlines, templates and artwork. <a href="https://carnival.monigle2.net/user_info.asp?login_type=agent">Learn More</a></p>
</div>
<div id="funtees" class="sub-box showhide">
<img src="../images/bookccl/img-funtees.gif" width="164" height="39" alt="Funtees" />
<p>Create your very own Fun Design shirts to commemorate that special occasion aboard a Carnival "Fun Ship!" <a href="http://carnival.victorydyo.com/">Learn More</a></p>
</div>
</div><!-- ends .panel -->
<a class="view" href="#">See All Marketing Tools</a>
</div>
© Stack Overflow or respective owner