Prism.js Fonctions

< pre/> + < code/>

HTML

<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é

            

Autres langages

.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é

        

Afficher tout un fichier


    
Code utilisé


Inline

Ceci est du texte $(this).closest('.accordion-container').find('.accordion').removeClass('active-panel'); et puis encore du texte <li><a href="#" data-accordion data-target="target-01">Pannel 01</a></li>
Code utilisé