Prevent collapsing groups from interacting

  • Resolved dking64

    (@dking64)


    10 years, 3 months ago

    I have two groups of collapsing elements on the same page. The system is working great insofar as I can independently open and close collapsed content WITHIN each groups, but when I click a trigger element in one group, expanded content in the other group collapses. I don’t want this; I want the triggers in one group to affect only content in that group.

    I see this same behavior on your documentation page. For example, the two groups under the subheadings “Science Fiction” and “Pure Science” have this same interaction — elements in the other group close when a trigger from the other group is clicked.

    The exception I’ve noticed so far on your docs page is that triggers with “-highlander” in the rel attribute seem not to affect other groups. I want that same “insulation” from other groups, but I don’t want the highlander behavior.

    I’ve experimented with class and rel names, etc. but so far no luck. Is this possible?

    https://wordpress.org/plugins/jquery-collapse-o-matic/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Baden

    (@baden03)

    10 years, 3 months ago

    sounds like you are re-using id’s
    what do your shortcode opening tags look like?
    (please don’t post your entire shortcode, including content, just your opening tags)
    or, you know, post a link to your page.

    Thread Starter dking64

    (@dking64)

    10 years, 3 months ago

    Thanks for replying quickly. I don’t see any re-use of ID’s; only the classes which, I think, are required. As noted, I see the same behavior — which I’m trying to prevent — among the collapsing groups on your docs page, and I don’t think you’re re-using ID’s there either.

    Here’s my dev page, where I don’t want the collapsed elements in the search filter in the sidebar to interact with the collapsed items in the main column:
    http://isondesign.net/climate-health-uscha/resources/

    Thanks again.

    Plugin Author Baden

    (@baden03)

    10 years, 3 months ago

    the reason that this grouping is happening is because you are using the rel attribute in the shortcode. You have one group where rel=”facets” and another group where rel=”resources”

    Can you describe the behaviour that you are trying to achieve in full, glorious detail?

    Thread Starter dking64

    (@dking64)

    10 years, 3 months ago

    I think what I want is conceptually straightforward: I would like the opening and closing of the collapsible items in the “facets” group to have no effect at all on the opening and closing of the collapsible items in the “resources” group, and vice-versa. In other words, the behavior of the sidebar content is completely independent of the content in the main column, and vice-versa.

    The two groups have different rel attributes because I would like to have an “expand/collapse all” option for each group — again, without having any impact on the items in the other group.

    Plugin Author Baden

    (@baden03)

    10 years, 3 months ago

    Hmmm… I see.. ok, we’ll come up with a solution for you.

    Plugin Author Baden

    (@baden03)

    10 years, 3 months ago

    We may have a solution for you: Please update to the latest beta version 1.7.1b of collapse-o-matic available on GitHub.

    Once you have this installed, you can replace the rel shortcode with a new ‘group’ shortcode and for the expand/collapse all triggers you can use the data-groupname attribute as shown in the following demonstration:
    Collapse-O-Matic Grouping and Expandall Issues

    Let us know if that resolves this issue for you, or if we can be of further assistance.

    Thread Starter dking64

    (@dking64)

    10 years, 3 months ago

    Brilliant — works perfectly!

    Marked as resolved and will donate. Thanks for your work and dedication to support. Cheers.

    Plugin Author Baden

    (@baden03)

    10 years, 3 months ago

    Just an important note: version 1.7.1d is out on GitHub, and the ‘group’ shortcode attribute has been renamed ‘togglegroup’ as this is what it’s called´in the pro version.

    You will want to use togglegroup going forward.

    Thread Starter dking64

    (@dking64)

    10 years, 3 months ago

    Gots it. Thanks again.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Prevent collapsing groups from interacting’ is closed to new replies.