Question about <a> tag when using toggle effect

Question about <a> tag when using toggle effect

Please take a look at the following links:

http://www.pottersignal.com/catalog/catalog_firesystems_test1.html

For the most part the toggle effect works beautifully. However, I have noticed a quirk when you scroll to some of the links at the bottom - the page jumps back up to the top when you click on a link and you have to scroll back down to view the expanded content. I believe this is because I added href="#" to each of these <a> tags. The reason I did this was to force the cursor to recognize the line as a link (in other words, to change from a bar cursor to the pointer finger thing - hope I'm describing this clearly!).

Here is how it works when I remove the href="#":

http://www.pottersignal.com/catalog/catalog_firesystems_test1.html

Here, when you scroll to the bottom of the page and click a link, the page does not jump back to the top. However, the cursor doesn't seem to be recognizing the link (notice it just remains a bar cursor).

Is there some code I can put in to force the cursor to recognize the link without using href="#"?

Clear as mud? Any help would be greatly appreciated! Thanks!