I am currently making an android app on PhoneGap and am having trouble with linking an image, so once clicked it takes the user to a different div on the same page, I don't want to make another HTML file just for a little bit of javascript. When I test it in the android emulator, the link doesn't seem to work, where as if I change he link to an index.html it works. any help would be fantastic.
<div data-role="page" id="workpage">
<div data-role="header">
<h1>Work</h1>
</div>
<div data-role="content">
<div data-role="navbar">
<a href="index.html">Back</a>
</div>
<a href="#work1"><img src="work/example1.png" id="content"></a>
<div data-role="navbar">
<a href="index.html">Back</a>
</div>
<div data-role="footer">
<h4>© 2013 Nick Willcox</h4>
</div>
</div>
<div data-role="page" id="work1">
<div data-role="header">
<h1>Work</h1>
</div>
<div data-role="content">
<div data-role="navbar">
This was the first website I created, its purpose was to be a small business card which shown a little information about myself. I used HTML4, Photoshop and CSS.
<a href="work.html">Back</a>
</div>
</div>
<div data-role="footer">
<h4>© 2013 Nick Willcox</h4>
</div>
Any help would be fantastic.