Hallo zusammen,
anbei das Accordion vom Wochentag getriggert:
PHP-Code:
<script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/ui/<?php echo JQUERY_UI; ?>/jquery-ui.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
collapsible: true,
active: false
});
var activate = function(tog) {
var tgs = $('div.toggler');
tgs.removeClass('active');
tog.addClass('active');
tgs.next('div.accordion').attr('aria-hidden', 'true');
tog.next('div.accordion').attr('aria-hidden', 'false');
scrollToTop(tog);
};
$('div.toggler').focus(function(e) {
$('div.toggler').attr('tabindex', 0);
$(this).attr('tabindex', -1);
}).blur(function() {
$(this).attr('tabindex', 0);
}).click(function() {
activate($(this));
}).keypress(function(event) {
if (event.keyCode == 13) activate($(this));
});
var scrollToTop = function(tog) {
$('html, body').animate({scrollTop: $(tog).offset().top}, 700);
};
// Wochentag ermitteln
// Wochentag-Funktion (siehe oben)
// direkt anspringen über Anker(ID)
$('div.toggler').each(function(el, index){
// Wochentag
function wochentag(i){
var tage = ['ui-accordion-1-header-6','ui-accordion-1-header-0','ui-accordion-1-header-1', 'ui-accordion-1-header-2', 'ui-accordion-1-header-3', 'ui-accordion-1-header-4', 'ui-accordion-1-header-5','ui-accordion-1-header-6'];
var tag = (typeof(i) == 'object') ? i.getDay() : i ;
return tage[tag];
}
// Aktuelles Datum ermitteln
var datum = new Date();
// Wochentag des Datums im "JavaScript-Format"
var tag = datum.getDay();
// Wochentag-Name in die Konsole schreiben//
// Wochentag-Funktion (siehe oben)
if ((wochentag(tag)) == $(index).attr('id') )
{ index.click(); }
});
});
})(jQuery);
</script>
Ich hoffe es gefällt.
Lesezeichen