javascript - Hide/Show multiple divs from menu -


i have simple mockup setup of menu (mainnav) , when 1 of menu items (menuitem) clicked shows hidden div. following works fine, i'm wondering if there's way combine of functions.

here's html:

<div id="mainnav"> <a class="menuitem" id="home" href="#">home</a>         <a class="menuitem" id="about" href="#">about</a>         <a class="menuitem" id="contact" href="#">contact</a> </div>  <div id="maincontent"> <div id="slider1_container"> <p>slideshow_code</p> </div> <div id="content"> <p class="aboutcontent"><b>about:</b>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="contactcontent"><b>contact:</b>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="findcontent"><b>find:</b>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="find">             <p><a href="#">find...</a></p> </div> </div>

and here's scripting:

$(document).ready(function(){     $(".aboutcontent, .contactcontent, .findcontent").hide();        $('#about').click(function(){         $(".contactcontent").hide();         $(".findcontent").hide();         $("#slider1_container").hide();         $(".aboutcontent").slidetoggle();     });     $('#contact').click(function(){         $(".aboutcontent").hide();         $(".findcontent").hide();         $("#slider1_container").hide();         $(".contactcontent").slidetoggle();     });     $('.find').click(function(){         $(".aboutcontent").hide();         $(".contactcontent").hide();         $("#slider1_container").hide();         $(".findcontent").slidetoggle();     });     $('#home').click(function(){         $(".aboutcontent").hide();         $(".contactcontent").hide();         $(".findcontent").hide();         $("#slider1_container").slidetoggle();     }); });

thanks!

try this:

 $(".findcontent,.contactcontent,#slider1_container").hide();

here demo


Comments

Post a Comment

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

i have eclipse maven plugin coming on centos. how can execute maven command on linx like: mvn clean package [abigail@localhost ~]$ mvn bash: mvn: command not found how should specify path executable of maven plugin in eclipse? or have install maven seperately？ thanks. eclipse (m2e) have bundled central parts of maven inside eclipse plugin, why not detected, , not usable. investigation find correct way bootstrap it, have create launcher file manually. if want run maven outside of eclipse, far better off standalone version of maven. mvn command bootstrap maven runtime system correctly, , secondly, able use advice concerning use of maven. maven binaries quite stable, wouldn't need upgrade upgrade eclipse. you can subsequently switch eclipse use external installation if prefer.
Read more

Error while updating a record in APEX screen -

while updating record using mru failing below error. 1 error has occurred current version of data in database has changed since user initiated update process. current row version identifier = "c5f3645b026aa5646c00dc7b631c4d19" application row version identifier = "6a9323b62f641015fa4601421dfb03de" (row 1) this strange because not see change in data @ backend. any highly appreciated. thanks. aj
Read more

c++ - In an add-in in Excel, written in C(++), how does one get the name of the function which called into the addin? -

the title says all. have add-in excel, written in c++, , register several different functions in excel call same extern "c" function in c++, dispatching on function called in excel. so, need able determine excel function called it. edit: since doesn't seem clear: have large plugin library excel, written in c++. extending it, , 1 of things want allow library support plugins itself, possibly written in other languages. (we use python lot higher level things, example.) when load 1 of these plugins, pointer functions need register, along information arguments, return values, etc. need way of registering these functions excel, excel user can access them. basic thought have single function in library, forward desired function (typically python function, i'd marshall excel arguments python list, call python function using pyobject_callobject , , marshall return values xloper12 , return excel. when registering functions, pxprocedure string name of marshall...
Read more