{$member.member}
{/if}
</h4>
- <div class="glm-member-list-info-expand">More Info</div>
<div class="glm-member-list-info-wrapper">
<!-- Member name, address, and basic information -->
{if $settings.package_list_show_member_address}
</div>
{/if}
</div> <!-- member list info-wrapper -->
+ <div class="glm-member-list-info-expand expanded">More Info</div>
<div class="glm-member-package-list small-12 columns">
{foreach $member.packages as $p}
<!-- Container for each package -->
</div> <!-- /package details -->
{if $p.descr}
<div class="glm-member-packaging-data-container">
- <div id="glm-member-db-package-list-description-toggle-{$p.id}" class="glm-member-db-package-list-content-toggle">Description</div>
+ <div id="glm-member-db-package-list-description-toggle-{$p.id}" class="glm-member-db-package-list-content-toggle">Details</div>
<div id="glm-member-db-package-list-description-container-{$p.id}" class="glm-member-db-package-list-content-data">
<div id="glm-member-db-package-list-description-{$p.id}">
{$p.descr|wpautop}
<div>{$p.short_descr}</div>
{/if}
<div><span class="title">Expires: </span><span class="data">{$p.expire_date.date}</span></div>
- <div><span class="title">Pricing: </span><span class="data">{$p.pricing}</span></div>
<div>{if $p.descr}{$p.descr|nl2br}{else if $p.short_descr}{$p.short_descr}{/if}</div>
</div>
});
$(".glm-member-list-info-expand").on("click", function() {
- $(this).slideUp("slow");
- $(this).siblings(".glm-member-list-info-wrapper").slideDown("slow");
+ if ($(this).hasClass("collapsed")) {
+ $(this).html("More info");
+ $(this).removeClass("collapsed");
+ } else {
+ $(this).html("Less info");
+ $(this).addClass("collapsed");
+ }
+
+ $(this).siblings(".glm-member-list-info-wrapper").slideToggle("slow");
})
}); // jquery
</script>
\ No newline at end of file