Problem: I would like to use jQuery Collapse for showing and hiding repeatable field groups (RFG) in a View, but the code isn't working when I have more than one RFG.
Solution: Use CSS classes instead of IDs as your jQuery targets.
<div> <fieldset class="majorpoints" > <legend class="majorpointslegend">Expand</legend> <div class="mylist" style="display:none" > <ul> <li>2</li> <li>3</li> </ul> </div> </fieldset> </div> <div> <fieldset class="majorpoints" > <legend class="majorpointslegend">Expand</legend> <div class="mylist" style="display:none" > <ul> <li>2</li> <li>3</li> </ul> </div> </fieldset> </div> <div> <fieldset class="majorpoints" > <legend class="majorpointslegend">Expand</legend> <div class="mylist" style="display:none" > <ul> <li>2</li> <li>3</li> </ul> </div> </fieldset> </div>
jQuery(document).ready(function($){ $('.majorpointslegend').click(function(){ if($(this).text()=='Expand'){ $(this).next('.mylist').show(); $(this).text('Collapse'); }else{ $(this).next('.mylist').hide(); $(this).text('Expand'); } }); });
Relevant Documentation:
https://jquery.com/
http://jsfiddle.net/w9kSU/981/
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
Sun | Mon | Tue | Wed | Thu | Fri | Sat |
---|---|---|---|---|---|---|
8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
Ce sujet contient 2 réponses, a 2 voix.
Dernière mise à jour par Il y a 5 années et 12 mois.
Assisté par: Christian Cox.