accordion
Ein Accordion, wo sich jedes Feld einzeln öffnen lässt, aber alle auf einmal schließt.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html>
<head>
<title>Accordeon mit Js</title>
<script src="/js_webseite/jquery.js"></script>
<style>
body {
color: #2c3e50;
background: #ecf0f1;
}
h1 {
text-align: center;
}
.tab {
position: relative;
margin-bottom: 1px;
width: 100%;
color: #fff;
overflow: hidden;
}
input {
position: absolute;
opacity: 0;
z-index: -1;
}
label {
position: relative;
display: block;
height:60px;
padding: 0.5em 0 0 1em;
font-weight: bold;
line-height: 3;
cursor: pointer;
background: #2980b9;
}