HTML Tag in JS Var

[erme]

Hi,

 

How can I add html tags to a js var without it messing up. Its for a hide show jquery script:

 

var showText="Click here to expand <img src='/images/arrow-down.png' style='float:right' alt='' /> ";
var hideText="Return to top <img src='/images/arrow-up.png' style='float:right' alt='' />";

[Adam]

For a start I'd use single quotes to make it easier on yourself:

 

var showText='Click here to expand <img src="/images/arrow-down.png" style="float:right" alt="" /> ';
var hideText='Return to top <img src="/images/arrow-up.png" style="float:right" alt="" />';

 

Then in the event you need to use a single quote, just escape it with a backslash:

 

var str = 'it\'s that simple!';

[erme]

So like this?

 

var showText='Click here to expand <img src=\'/images/arrow-down.png\' /> ';

var hideText='Return to top <img src=\'/images/arrow-up.png\' />';

[Adam]

Think you're missing the point in using single quotes, it's to make writing HTML (with correct double quotes around attribute values) easier. For your example you can just use:

 

var showText='Click here to expand <img src="/images/arrow-down.png" /> ';
var hideText='Return to top <img src="/images/arrow-up.png" />';

[brianlange]

Use the jQuery html function to assign to assign the value of the variable to the element.