JS:
$(document).ready(function(){
$(".button").click(function () {
var div= $("#"+this.name);
div.toggle("slow").siblings().hide("slow");
});
});
HTML:
<h1>
<div class="arrow"></div>
<a class="button" name="Show1" href="#">
<font size="5">QUESTION 1</font>
</a>
</h1>
<div id="Show1" style="display:none">
Answer to the question 1
</div>
Demo: http://jsfiddle.net/788NK/6/
Hope is what you need.