Using jQuery with HTML Text Links to Show/Hide Multiple DIVs -


i'm creating menu page local restaurant. @ top of page of text based links each portion of menu such as:

appetizers | soups , salads | entrees

the html markup these is:

<a id="show_apps">appetizers</a> | <a id="show_soups">soups , salads</a> | <a id="show_entrees">entrees</a>

my css setup this:

#menu_container{   width: 650px;   height: auto;   padding-left: 30px; }  #menu_container div{display:none;}

and menu sections setup this

<div id="menu_container">   <div id="menu_apps">     content of app section here   </div>   <div id="menu_soups">     content of soups section here   </div>   <div id="menu_entrees">     content of entrees section here   </div> </div>

what trying find solution when clicks on link each section show div if click on section, replace viewed div next one. example: user clicks on "appetizers" , div loads clicks on "soups , salads" , "appetizers" div closed , "soups" div shown, multiple divs aren't visible @ once. have been toying around show(), hide(), , toggle() can't figure out how end result of clicking on other links re-hide , show targeted div. hope makes sense.

tia insight!

check out jsfiddle

<div id='nav'>     <a id="show_apps">appetizers</a> | <a id="show_soups">soups , salads</a> | <a id="show_entrees">entrees</a> </div>   $(document).ready(function(){    $("#nav a").click(function(){       var id =  $(this).attr('id');       id = id.split('_');       $("#menu_container div").hide();        $("#menu_container #menu_"+id[1]).show();    }); });

-

Popular posts from this blog

Apache NiFi ExecuteScript: Groovy script to replace Json values via a mapping file -

i working apache nifi 0.5.1 on groovy script replace incoming json values ones contained in mapping file. mapping file looks (it simple .txt): header1;header2;header3 a;some text;a2 i have started following: import groovy.json.jsonbuilder import groovy.json.jsonslurper import java.nio.charset.standardcharsets def flowfile = session.get(); if (flowfile == null) { return; } flowfile = session.write(flowfile, { inputstream, outputstream -> def content = """ { "field1": "a" "field2": "a", "field3": "a" }""" def slurped = new jsonslurper().parsetext(content) def builder = new jsonbuilder(slurped) builder.content.field1 = "a" builder.content.field2 = "some text" builder.content.field3 = "a2" outputstream.write(builder.toprettystring().ge...
Read more

node.js - How do I prevent MongoDB replica set from querying the primary? -

read-operations-only: is there way have mongodb replica set, make mongodb instance on box connected to, mongodb gets queried? i have 3 ec2 instances behind aws load balancer. on each ec2 instance runs mongodb, part of replica set. i have express endpoints on nodejs , connect replica set follows mongodb.mongoclient.connect('mongodb://1.1.1.1,2.2.2.2,3.3.3.3.', function (err, db) { if (err) { complete('{}'); } else { i distribute load of queries evenly across 3 instances of mongodb replica set instead of default having queries routed ec2 instance primary mongodb defined, because destroys point of load balancer (which balance load of queries across 3 instances evenly). my understanding when connecting mongodb replica set, primary instance selected unless primary instance down, , therefore purpose of every secondary instance serve backup. in example people call hot,cold,cold. because there 2...
Read more