<div class="accordion-container basic">
<nav>
<ul>
<li><a href="#" data-accordion data-target="target-01">Pannel 01</a></li>
<li><a href="#" data-accordion data-target="target-02">Pannel 02</a></li>
<li><a href="#" data-accordion data-target="target-03">Pannel 03</a></li>
</ul>
</nav>
<div id="target-01" class="accordion accordion-animation">
<div class="content-panel">
content of the pannel 01
</div>
</div>
<div id="target-02" class="accordion accordion-animation">
<div class="content-panel">
content of the pannel 01 02
</div>
</div>
<div id="target-03" class="accordion accordion-animation">
<div class="content-panel">
content of the pannel 01 03
</div>
</div>
</div>
Code utilisé
.copy-code-content span[style*="color: #0000FF;"] {color: var(--notice-dark) !important;}
.copy-code-content span[style*="color: #000080;"] {color: #91367a !important;}
.copy-code-content span[style*="color: #000080;"] {color: #366493 !important;}
.copy-code-content span[style*="color: #8000FF;"] {color: #917a36 !important;}
.copy-code-content span[style*="color: #808080;"] {color: #369163 !important;}
.copy-code-content span[style*="color: #008000;"] {color: var(--success-dark) !important;}
.formatter-table td.formatter-table-head {
padding: 0.618em;
font-size: 1.482em;
text-align: center;
font-weight: normal;
}
.formatter-table td.formatter-table-head p {
margin-bottom: 0;
}
.bt.formatter-table td.formatter-table-head {
display: none;
}
jQuery('.accordion-container.basic [data-accordion]').multiTabs({pluginType: 'accordion'});
if(options.pluginType == 'accordion') // accordion controls management
{
$('.open-all-accordions').on('click', function(){
$(this).closest('.accordion-container').find('.accordion').addClass('active-panel').css('height', 'auto');
$(this).closest('.accordion-container').find('[data-target]').addClass('active-tab');
});
$('.close-all-accordions').on('click', function(){
$(this).closest('.accordion-container').find('.accordion').removeClass('active-panel');
$(this).closest('.accordion-container').find('.accordion').delay(800).queue(function (next) {$(this).css('height', 0); next();});
$(this).closest('.accordion-container').find('[data-target]').removeClass('active-tab');
});
}
private function unparse_img($matches)
{
$img_pathinfo = pathinfo($matches[1]);
$file_array = explode('.', $img_pathinfo['filename']);
$img_name = $file_array[0];
$alt = !empty($matches[2]) && $matches[2] != $img_name ? ' alt="' . $matches[2] . '"' : '';
$style = !empty($matches[3]) ? ' style="' . $matches[3] . '"' : '';
$class = !empty($matches[4]) ? ' class="' . $matches[4] . '"' : '';
return '[img' . $alt . $style . $class . ']' . $matches[1] . '[/img]';
}
Code utilisé