How to open / close all toggles in one article?

Hello,

Is there any option to open and close all toggles ( [toggle] ) in one article. For example I have 10 toggles in one article and I would like that users have the option to quickly open all oraz close all. You can see similar solution on Nokia website (Expnad all, Collapse all): http://developer.nokia.com/devices/devi ... ns/nokia-x

It might be possible with some changes to [toggle] shortcode or by placing aditional html element and creating custom action in javascript.
Could You please post an url to your site to a place where you have the togglers, I'll check what can be done?

Thank you. Example page: http://nokia-android.pl/nokia-x-dual-sim/

What I would suggest is to create 2 links:

Code: Select all

<a href="#" class="closeAll">Close All</a>
<a href="#" class="openAll">Open All</a>


You can also style them somehow in css (as they should have unique classes.
Now in file:
wp-content/themes/Magazine/js/gk.scripts.js
just before last line:

Code: Select all

})();


please add this code:

Code: Select all

jQuery('.openAll').click(function(){
   jQuery('.gk-toggle').removeClass('closed').addClass('opened');
});
jQuery('.closeAll').click(function(){
   jQuery('.gk-toggle').removeClass('opened').addClass('closed');
});



Thank you Cyberek. Your solution is working good.

I have only one question. When I click on Close All or Open All I am moved to the top of the page and I have to scroll down to see the togglers again. Is there any solution for this?

Code: Select all

jQuery('.openAll').click(function(e){
   e.preventDefault();
   jQuery('.gk-toggle').removeClass('closed').addClass('opened');
});
jQuery('.closeAll').click(function(e){
   e.preventDefault();
   jQuery('.gk-toggle').removeClass('opened').addClass('closed');
});


Correct previous code with above one. Should fix the problem.

Thank you! Everything is now working great.

I'm glad I could help .