Try this:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Toggle images</title>
<style>
.hidden{display:none;}
</style>
</head>
<body>
<ul>
<li><a href="" id="6seat">6 Seater</a></li>
<li><a href="" id="8seat">8 Seater</a></li>
<li><a href="" id="10seat">10 Seater</a></li>
</ul>
<div id="imgdiv"></div>
<!--Load JS at end for fast load times -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$('#6seat').click(function() {
$("img").remove()
$("#imgdiv").append("<img id='theImg' src='http://www.mytabletbooksqa.com/ProductImages/test1.gif'/>");
});
$('#8seat').click(function() {
$("img").remove()
$("#imgdiv").prepend("<img id='theImg' src='http://blogs.edweek.org/teachers/coach_gs_teaching_tips/Teaching%20To%20The%20Test.gif'/>");
});
$('#10seat').click(function() {
$("img").remove()
$("#imgdiv").append("<img id='theImg' src='http://csunplugged.org/sites/default/files/cartoons/turing%20test.jpg?1246936875'/>");
});
</script>
</body>
</html>