<style type="text/css">
#db_output{
column-count: 2;
}
.db_akkordion_mobile_clicker div:first-child .container .row > div {
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.6);
padding-bottom: 15px;
}
.db_akkordion_mobile_clicker .row > div {
margin: 15px 0;
}
input[type=checkbox],
input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal;
}
input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.hidden {
display: none!important;
}
.db_akkordion_mobile_clicker {
max-height: 20px;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
position: relative;
width: 100%;
cursor: pointer;
}
.db_akkordion_mobile_clicker:after {
top: 10px;
margin: auto;
color: #333;
}
.db_akkordion_mobile_clicker:after {
content: "\f067";
position: absolute;
top: 2px;
margin: auto;
z-index: 9999;
right: 0;
opacity: 0.5;
color: #666;
font-family: 'FontAwesome' !important;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.db_akkordion_mobile_clicker span {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
body .db_akkordion_mobile_clicker p {
margin: 0 !important;
}
body .db_akkordion_mobile_clicker a,
body .db_akkordion_mobile_clicker p {
color: #797979;
font-size: 13px;
line-height: 24px;
font-weight: 400;
text-decoration: none;
}
body .db_akkordion_mobile_clicker a {
margin-right: 5px;
}
body .db_akkordion_mobile_clicker a:last-child {
margin-right: 0;
}
</style>
<script>
function defer(method) {
if (window.jQuery) {
method();
} else {
setTimeout(function() {
defer(method);
}, 50);
}
}
defer(function () {
var wrapper = $('#db_output'),
container,
i = 0;
for (var key in liste) {
i++;
container = $('<div>');
container.append('<input type="checkbox" name="checkbox" id="akkordion_mobile_' + i + '" class="hidden">');
var label = $('<label for="akkordion_mobile_' + i + '" class="db_akkordion_mobile_clicker"></label>');
var peh = $('<p />');
for (var foo in liste[key]) {
var sprache = foo; // de, en, fr, it
var name = liste[key][foo].name; // deutsch, englisch, französisch, italienisch
var url = liste[key][foo].url; // URL's
peh.append('<a href="' + url + '" target="_blank">' + name + '</a>');
}
label.append('<span>' + key + '</span>');
label.append(peh);
container.append(label);
wrapper.append(container);
}
var css = '';
for (var step = 1; step < i+1; step++) {
css += 'input[id="akkordion_mobile_' + step + '"]:checked + label[for="akkordion_mobile_' + step + '"]:after { content: "\\f068"; }';
css += 'input[id="akkordion_mobile_' + step + '"]:checked + label[for="akkordion_mobile_' + step + '"] { height: 55px; max-height: 2000px; transition: max-height 1s ease-in-out; }';
}
function addcss(css){
var head = document.getElementsByTagName('head')[0];
var s = document.createElement('style');
s.setAttribute('type', 'text/css');
if (s.styleSheet) { // IE
s.styleSheet.cssText = css;
} else { // the world
s.appendChild(document.createTextNode(css));
}
head.appendChild(s);
}
addcss(css);
});
</script>