$(document).ready(function() {
   /* Standard-Akkordion: Ausloeser bzw. Kopfelement muss VOR dem klappbaren Inhalt stehen */
   $(".accordion").accordion({ collapsible: true, active: false, autoHeight: false });
   $(".accordion").bind("accordionchangestart", function(event, ui) {
      ui.newContent.animate({ "height": "toggle", "opacity": "toggle" }, { duration: 1000 }); // jQuery object, activated content
      ui.oldContent.animate({ "height": "toggle", "opacity": "toggle" }, { duration: 1000 }); // jQuery object, previous content
   });

   /* eigenes Akkordion: Ausloeser bzw. Kopfelement muss NICHT zwingend vor dem klappbaren Inhalt stehen */
   $(".dyn-accordion-content").hide();
   var dyn_accordion_header = $(".dyn-accordion-header");
   dyn_accordion_header.addClass("ui-accordion-header ui-state-default");
   dyn_accordion_header.hover(function() {
      $(this).toggleClass("ui-state-hover");
   });
   dyn_accordion_header.click(function() {
      var dyn_accordion = $(this).closest(".dyn-accordion");
      var dyn_accordion_content = dyn_accordion.find(".dyn-accordion-content");
      if ($.browser.msie) {
         if ($.browser.version == "7.0" || $.browser.version == "8.0") {
            if ( dyn_accordion_content.css("display") == "none" ) {
               dyn_accordion_content.css("overflow", "auto");
            }
         }
      }
      if ( dyn_accordion_content.css("display") != "none" ) {
         if ( $(window).scrollTop() > dyn_accordion.offset().top ) {
            $(window).scrollTop( dyn_accordion.offset().top );
         }
      }
      dyn_accordion_content.animate({ "height": "toggle", "opacity": "toggle" }, { duration: 1000 });
      $(this).toggleClass("ui-state-default ui-state-active");
   });
});