Issue with toggling visibility in a series of menus using jQuery -


the coding bit messy , on place forgive me that, i'm in rush finish asap. little disclaimer out of way...

i've been asked create form has 3 layers of seperation can navigate using 2 menus - layer of tabs @ top navigate first level. side menu allow user navigate question fields level down, final level being accordion display of questions. has done way, clients stubborn refuse done way. has ie6 compatible ><

you can see code dump here: jsfiddle

alright. issue. whats happening firstly, when clicking tabs @ top should able navigate between 2 tabs have examples, worked in jquery v.3 hides current tab along other. have no idea whats going. other same regarding side menu, instead of showing next selected questions hides them aswell.

i've been working on ages point can't make of it. if can lend fresh set of eyes or @ least point me in right direction here great. again, sorry state of code, first attempt @ this.

cheers!

it seems tab variable pass selectedtab gets complete url prepended it. #tab1 example becomes http://fiddle.jshell.net/ppgzg/2/#tab1 on jsfiddle.

i added quick fix selectedtab, seems fix it.

http://fiddle.jshell.net/ppgzg/2/


i checked again , found out problem described above can prevented if use .attr('href'); instead of .prop('href');.

the other thing, think responsible couple of problems is, have duplicate ids. ids have unique. if $('#question1') example, can't know question opened.


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -