Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Undefined title</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$().ready(function() {
$("#switcher h1").toggle(
function() {
$("#switcher").css("width","350px");
$("#switcher ul").show();
},
function() {
$("#switcher").css("width","150px");
$("#switcher ul").hide();
}
);
$("#switcher li a").click(
$(this).removeClass().addClass($(this).attr("class"));
);
});
</script>
</head>
<body>
<div id="switcher">
<h1>Przełącznik</h1>
<ul>
<li><a href="/" class="small">Mały</a></li>
<li><a href="/" class="medium">Średni</a></li>
<li><a href="/" class="big">Duży</a></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<title>Undefined title</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$().ready(function() {
$("#switcher h1").toggle(
function() {
$("#switcher").css("width","350px");
$("#switcher ul").show();
},
function() {
$("#switcher").css("width","150px");
$("#switcher ul").hide();
}
);
$("#switcher li a").click(
$(this).removeClass().addClass($(this).attr("class"));
);
});
</script>
</head>
<body>
<div id="switcher">
<h1>Przełącznik</h1>
<ul>
<li><a href="/" class="small">Mały</a></li>
<li><a href="/" class="medium">Średni</a></li>
<li><a href="/" class="big">Duży</a></li>
</ul>
</div>
</body>
</html>
Co poknociłem? Klikanie nie daje porządanego rezultatu. Przełącznik się nie "rozszerza" po kliknięciu w nagłówek
