witam, mam problem z jquery. ogolnie chce skorzystac z http://jqueryui.com/demos/tabs/ i wyswietlac kilka takich blokow, przy jednym bloku wszystko dziala ok ale przy dwoch juz nie (pierwszy dziala , ale drugi nie ) , link do kodu jest tutaj -> http://obelfrach.pl/dupa/plik.html no i wkleje tutaj jeszcze sam kod HMTL
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>SSS</title>
</style>
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" >
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqueryUI.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div class="demo">
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-0">1</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-1">2</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-2">3</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">4</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-4">5</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-5">6</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom " id="tabs-0">
<p>a</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-1">
<p>b</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">
<p>c</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-3">
<p>d</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-4">
<p>e</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-5">
<p>f</p>
</div>
</div>
</div>
<div class="demo">
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-6">1</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-7">2</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-8">3</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-9">4</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-10">5</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-11">6</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-6">
<p>q</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-7">
<p>w</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-8">
<p>e</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-9">
<p>r</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-10">
<p>t</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-11">
<p>y</p>
</div>
</div>
</div>
</body>
</html>
z gory dzieki za jakakolwiek pomoc/wskazowki co moze byc nie tak.