Jump to content

Search the Community

Showing results for tags 'getuikit'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Welcome to ProcessWire
    • News & Announcements
    • Showcase
    • Wishlist & Roadmap
  • Community Support
    • Getting Started
    • Tutorials
    • FAQs
    • General Support
    • API & Templates
    • Modules/Plugins
    • Themes and Profiles
    • Multi-Language Support
    • Security
    • Jobs
  • Off Topic
    • Pub
    • Dev Talk

Product Groups

  • Form Builder
  • ProFields
  • ProCache
  • ProMailer
  • Login Register Pro
  • ProDrafts
  • ListerPro
  • ProDevTools
  • Likes
  • Custom Development

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 1 result

  1. Hi guys, I have a page with multiple uk-accordions (https://getuikit.com/docs/accordion). The problem is, that if an user opens an item in one uk-accordion and after that clicks on the next item in a different uk-accordion, the first item stays open. I want to change this in a way, that nevertheless where the user clicks, only one item should be visible. I found a script and now I'm trying to adopt it: $('.uk-accordion > li > a').click(function(e) { // hide all div.uk-accordion-content $('.uk-accordion-content').attr("hidden", true); // remove class .uk-open $('.uk-accordion > li').removeClass('uk-open'); $(this).addClass('uk-open'); // show selected accordion var id = $(this).data('.uk-accordion'); var article = $('article[data-article=' + id + ']'); article.removeAttr('hidden'); }); $('.uk-accordion > li > a').click(function(e) { e.preventDefault(); }); As you see, my problem is, that I'm not familiar with js.
×
×
  • Create New...