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