Question

This is my first post on this rather spiffing website so go easy on me if this has been discussed elsewhere (I can’t find it if it has).

I’m using the JQuery URL parser plugin found here: http://projects.allmarkedup.com/jquery_url_parser/

I can get it to do what I want but the code is rather inefficient. I have a collection of hidden div’s that are opened when the relevant heading is clicked. I am using the URL parser so that if a link is clicked from another page the relevant div is visible.

My code looks like this:

if  (jQuery.url.attr('anchor') == 'question1'){     $('#answer1').show(); } else if (jQuery.url.attr('anchor') == 'question2'){     $('#answer2').show(); } else if (jQuery.url.attr('anchor') == 'question3'){     $('#answer3').show(); } else if (jQuery.url.attr('anchor') == 'question4'){     $('#answer4').show(); } else if (jQuery.url.attr('anchor') == 'question5'){     $('#answer5').show(); } else if (jQuery.url.attr('anchor') == 'question6'){     $('#answer6').show(); } else if (jQuery.url.attr('anchor') == 'question7'){     $('#answer7').show(); } else if (jQuery.url.attr('anchor') == 'question8'){     $('#answer8').show(); }; 

As you can see this is rather long winded. What I really want to be able to do is take the number at the end of the URL and append it to #answer so that things are far more compact. I was trying to assign the result of (jQuery.url.attr(‘anchor’) to a variable but I’m having a bit of trouble accomplishing this. Any help would be greatly appreciated!

Answer 1

var match = jQuery.url.attr('anchor').match(/^question([0-9]+)$/); if (match && match.length > 0) {     $('#answer' + match[1] ).show(); } 

Updated.