<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<title> inf rozwijania </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<style>
body {
margin:10px auto;
width:600px;
}
.blok {
width: 450px;
border-bottom: solid lpxx #b0b0b0;
}
.blok h3 {
background # c6d2f2 ;
padding: 8px 15px;
margin: 0;
font: bold 12pt Arial, sans-serif;
border: solid lpxx #b0b0b0;
border-bottom: none;
cursor: pointer;
}
.blok h3:hover {
background-color #88a3e8;
}
.blok h3.aktywny {
background-color: #88a3e8;
}
.blok p {
background: #ele6f4;
margin: 0;
padding: 10px 15px 20x;
border-left: solid lpx #c4c4c4;
border-right: solid 1px #c4c4c4;
font: 10pt Arial, san-serif;
display: none;
}
</style>
<script>
$(document).ready(function(){
$(".blok h3").eq(0).addClass("aktywny");
$(".blok p").eq(0).show();
$(".blok h3").click(function() {
$(this).next("p").slideToggle("slow").siblings("p:visible").slideUp("slow")("p:visible").slideUp("slow");
$(this).toogleClass("aktywny");
$(this).siblings("h3").removeClass("aktywny");
});
});
</script>
<body>
<div class="blok">
<h3>Menu</h3>
<p>dupeczka</p>
<h3>Menu2</h3>
<p>Siema</p>
<h3>Menu3</h3>
<p>Elo</p>
</div>
</body>
</html>
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}