Megoldás forráskódja

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Időjárás tájékoztató</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-10-01" />
      <meta name="revised" content="Tóth Péter, 01/10/2012" />
      <meta name="description" content="jQuery UI - Időjárás tájékoztató" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
      <script type="text/javascript">
         $(document).ready(function(){
            $("#tabs").tabs();
            });
      </script>
   </head>
   <body>
      <div id="tabs">
         <ul>
            <li><a href="#tabs1"><span>Budapest</span></a></li>
            <li><a href="#tabs2"><span>Szombathely</span></a></li>
            <li><a href="#tabs3"><span>Zalaegerszeg</span></a></li>
            <li><a href="#tabs4"><span>Szeged</span></a></li>
            <li><a href="#tabs5"><span>Veszprém</span></a></li>
         </ul>
         <div id="tabs1">
            <p>Budapest</p>
            <pre>3°C Borongós</pre>
         </div>
         <div id="tabs2">
            <p>Szombathely</p>
            <pre>6°C napos</pre>
         </div>
         <div id="tabs3">
            <p>Zalaegerszeg</p>
            <pre>-1°C felhős</pre>
         </div>
         <div id="tabs4">
            <p>Szeged</p>
            <pre>2°C párás</pre>
         </div>
         <div id="tabs5">
            <p>Veszprém</p>
            <pre>2C köd</pre>
         </div>
      </div>
   </body>
</html>