Question

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

    $('#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

修正了问题。现在手风琴和弹性滑动都工作得很好..

与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();

我想在手风琴中使用弹性滑动，一次使用多个实例

1 个答案: