packaging info area now toggleable
authorLaury GvR <laury@gaslightmedia.com>
Tue, 8 Oct 2019 01:15:45 +0000 (21:15 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 8 Oct 2019 01:15:45 +0000 (21:15 -0400)
glm-member-db-packaging/views/front/packaging/list.html

index 9fb9371..11ba16e 100644 (file)
@@ -38,7 +38,6 @@
                             {$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}
@@ -93,6 +92,7 @@
                                 </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