Castromen,
для этого достаточно css
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
[id$="2014"]{
display: none;
}
[id$="2014"]:target{
display: block;
}
</style>
</head>
<body>
<ul class="tooplate_list">
<li><a href="#1-2014">Первый квартал 2014 года</a></li>
<li><a href="#2-2014">Второй квартал 2014 года</a></li>
<li><a href="#3-2014">Третий квартал 2014 года</a></li>
<li><a href="#4-2014">Четвертый квартал 2014 года</a></li>
</ul>
<div id="1-2014" >
1<iframe></iframe></div>
<div id="2-2014" >
2<iframe></iframe></div>
<div id="3-2014" >
3<iframe></iframe></div>
<div id="4-2014" >
4<iframe></iframe></div>
</body>
</html>