I'm trying to put text inside an svg document that will not show until you click a link.If I use the <use> element it works like this:
Code:
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" >
<defs>
<text id="test" x="0" y="10" style="font-size:12px;font-style:normal;font-weight:normal;fill:#0000f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" xml:space="preserve"> a lot of text</text>
</defs>
<use id="a0" xlink:href="#test" ><text x="188" y="131" style="font-size:12px;font-style:normal;font-weight:normal;fill:#0000f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" id="text0" xml:space="preserve">test</text>
</use>
</svg>
But I was thinking I could just change the "use" to "a" to create a link to the fragment,so the text will not show until I click it. I must be wrong about that because I sure have wasted enough time trying.
Does anyone know how I can do this? I would prefer to do it without javascript.