jQuery Forum

Thank you sir. It works now.

In javascript when you enclose something with quotes is treated as a string.

So if you have variable then you need to put it outside quote. How javascript will decide something as string or variable unless we told.

$( ' svg polygon[id= meinTarget ] ' ).velocity({opacity:1});
Here your variable is inside quote which started from svg.... so javascript treat it as string

$( ' svg polygon[id= '+meinTarget+' ] ' ).velocity({opacity:1});
Here i put it outside of quote and it will be treated as variable.

Lets think like this

Var Name = 'Jon';

alert(Name) will out put Jon but alert('Name') will out put Name as Name is enclosed with quotes.

Same as

$(targetX).offset().top-50}, 2500, "swing");  here your targetX doesn't enclosed with any quotes and javascript will parse it as variable.

Also another thing i saw in your fiddle.

You have data from each li <li data-target="section01" > and you are fetching it like
$(this).attr('data-target');

To get data use data() | jQuery API Documentation , data is a HTML 5 feature where we stores some data required by the page and protect our page from memory leaking.

Here data is the attribute the 2nd part is the name/key and 3rs part is the value.
You can get data like

$(this).data('target');

I updated your fiddle and its working as before but with data() not attr()
http://jsfiddle.net/g5f1fr82/2/

Thank you so much for your help.