Auto-expand all detail tabs
authorLaury GvR <laury@gaslightmedia.com>
Mon, 10 Apr 2017 14:59:31 +0000 (10:59 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Mon, 10 Apr 2017 14:59:31 +0000 (10:59 -0400)
The client would want all tabs to be opened by default. Added
jQuery to do just that.

glm-member-db/views/front/members/detail.html

index 16007eb..7ab2fa5 100644 (file)
                 <div id="glm-member-detail-intro-desc">
                 {if $member.short_descr && $settings.detail_show_short_descr}{$member.short_descr|nl2br}{/if}
                 </div>
-                <div id="glm-member-detail-fullprofile-toggle">Expand All</div>
+                <div id="glm-member-detail-fullprofile-toggle" class="selected">Expand All</div>
                 <div id="glm-member-detail-data-container">
-                    {if $member.descr}
-                    <div id="glm-member-detail-description-toggle" class="glm-member-detail-content-toggle">Description</div>
-            
-                    <div id="glm-member-detail-description-container" class="glm-member-detail-content-data">
-                        <div id="glm-member-detail-description" >
-                            {if $member.descr && $settings.detail_show_descr}
-                                {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
-                                {$member.descr|nl2br}
-                                {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
-                            {/if}
-                        </div>
-                        <div class="glm-member-detail-sub-data-links row">
-                            <a class="glm-member-detail-content-toggle">Collapse</a>
-                            <a class="glm-member-detail-link-to-top">Back to top</a>
-                        </div>
-                    </div>
-                    {/if}
                     
                     {apply_filters('glm-member-db-front-members-detail-imageGalleryBefore', '', $member.id)}
                     {if $settings.detail_show_imagegallery && $haveImageGallery}
                     </div>
                     {/if}
                     {apply_filters('glm-member-db-front-members-detail-imageGalleryAfter', '', $member.id)}
+                    
+                    {if $member.descr}
+                    <div id="glm-member-detail-description-toggle" class="glm-member-detail-content-toggle">Description</div>
+            
+                    <div id="glm-member-detail-description-container" class="glm-member-detail-content-data">
+                        <div id="glm-member-detail-description" >
+                            {if $member.descr && $settings.detail_show_descr}
+                                {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
+                                {$member.descr|nl2br}
+                                {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
+                            {/if}
+                        </div>
+                        <div class="glm-member-detail-sub-data-links row">
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
+                        </div>
+                    </div>
+                    {/if}
+                    
                     {apply_filters('glm-member-db-front-members-detail-couponsBefore', '', $member.id)}
                     {if $settings.detail_show_coupons && $coupons}
                     <div id="glm-member-detail-coupons-toggle" class="glm-member-detail-content-toggle">Coupons</div>
                     }, 500);
                 }
             }
+            
+            
 
             $("a.glm-member-detail-images-thumb").fancybox({
 
                 $("#"+target+"-toggle").toggleClass("selected");
                 fullProfileCheck(target);
             });
+            
+            $('.glm-member-detail-sub-data-links').each(function() {
+                var target = $(this).parent().attr("id").slice(0, -10);
+                $("#"+target+"-container").slideToggle("fast", "swing",  function() {});
+                $("#"+target+"-toggle").toggleClass("selected");
+            })
 
             // Change the toggle button based on whether all the content sections are expanded
             function fullProfileCheck(target) {