jquery - 我想一次在多个实例的 Accordion 中使用 elastislide

Question

如果我一次使用 elastislide/Accordion(具有多个实例)，它工作正常。但如果我尝试同时使用两者，我就会遇到问题。这是我的链接 http://jsfiddle.net/kiranm/vxt4g/9/任何人都可以帮助我 2 修复它。

    $('#carousel').elastislide();

    $("#accordion").addClass("ui-accordion ui-accordion-icons ui-widget")
        .find("h3")
        .addClass("ui-accordion-header ui-state-default ui-corner-top")
        .hover(function () {
        $(this).toggleClass("ui-state-hover");
    })
    .prepend('<span class="ui-accordion-header-icon ui-icon ui-icon-circle-triangle-e"></span>')

    .click(function () {
        $(this).find("> .ui-icon").toggleClass("ui-accordion-header-icon ui-icon-circle-triangle-e ui-accordion-header-icon ui-icon-circle-triangle-s").end()

    .next().toggleClass("ui-accordion-content-active").slideToggle();
    return false;
    })
    .next()
    .addClass("ui-accordion-content  ui-widget-content")
    .hide();

Answer 1

修复了问题。现在 Accordion 和 elastislide 都工作正常..

与 js 一起，在 CSS 中我也进行了更改和工作示例:http://jsfiddle.net/kiranm/vxt4g/22/

    $("#accordion").addClass("ui-accordion ui-accordion-icons ui-widget")
         .find("h3")
        .addClass("ui-accordion-header ui-helper-reset ui-state-default")
        .hover(function() { $(this).toggleClass("ui-state-hover"); })
        .prepend('<span class="ui-icon ui-accordion-header-icon ui-icon-circle-triangle-e"></span>')

         click(function() {
         $(this)
         .toggleClass("ui-accordion-header-active ui-state-active ui-state-default")
         .find("> .ui-icon").toggleClass("ui-icon-circle-triangle-e ui-icon-circle-triangle-s").end()
        .next().slideToggle();
          return false;
        })

       .next()
       .addClass("ui-accordion-content ui-helper-reset ui-widget-content")
       .hide();