<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
<title>Pracownik</title>
<script type='text/javascript' src="jquery-1.7.1.min.js"></script>
<script type='text/javascript' src="opcja2.js"></script>
</head>
<body>
<table>
<tr>
<div id="opcja1">
<td>
<a href="#" id="start">Hello</a>
</td>
</div>
<div id="opcja2">
<td>
<a href="#" id="start2">Bye</a>
</td>
</div>
</tr>
</table>
</body>
</html>
skrypt opcja2.js
$(document).ready( function() {
$('#opcja1').show();
$('#opcja2').hide();
$("#start").click(function() {
$('#opcja1').hide();
$('#opcja2').show();
});
$("#start2").click(function() {
$('#opcja2').hide();
$('#opcja1').show();
});
});
Bez tabeli skrypt śmiga elegancko, natomiast jak dodam
to przestaje działać. Nie chciałbym rezygnować z tabeli dlatego jak można rozwiąc problem?</p>