Toggle class of trigger buttons

  • Resolved baffo2000

    (@baffo2000)


    8 years, 2 months ago

    Is there any way to change the class of external trigger buttons without using JS or JQuery (I can use a little bit of JS if necessary).

    When I had the triggers within the shortcode, I could toggle the class using swaptitle, but that obviously won’t work outside of the shortcode, will it?

    To see where I’m at, click on tab “1” on this page and click on the first line or two of text (“Aeneas scopulum interea conscendit…”)

    I would like the “English” and “Commentary” buttons to stay in a line as they now do, but to change class (or at least text colour) when clicked to give them the impression of turning on and off.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author twinpictures

    (@twinpictures)

    simply define CSS for button.colomat-close like so:

    button.colomat-close {
    font-weight: bold;
    color: #ff0000;
}
    Thread Starter baffo2000

    (@baffo2000)

    That works perfectly, thank you.

    Is there a similarly simple trick for keeping one of the elements expanded, and another for scroll-to-me?

    I can start new threads for each of these topics if that is more useful.

    Thread Starter baffo2000

    (@baffo2000)

    OK – I looked and found that roll-your-own elements can be expanded on open by using “colomat-close” class on the trigger, and the “find-me” class on the trigger solves the scrolling issue. Apologies for not looking more thoroughly.

    Merry Christmas.

    Plugin Author twinpictures

    (@twinpictures)

    Glad you got it figured out, and thank you for marking the issue as resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Toggle class of trigger buttons’ is closed to new replies.

Tags