new collapsible text box widget

resources/views/profile/view.blade.php

@@ -30,27 +30,9 @@
 
         <div class="card-body">
           @if($user->bio)
-            @if(mb_strlen($user->bio) > 250)
-              <p id="bio-short mb-2" aria-hidden=true>
-                @sr(About me:)
-                {{mb_substr($user->bio, 0, 250)}}…
-                <a class="text-muted small" @tooltip(Show more) href="#" onclick="$('#bio-short').addClass('hidden'); $('#bio-full').removeClass('hidden'); return false;">
-                  [more]
-                </a>
-              </p>
-              <p id="bio-full" class="hidden mb-2">
-                @sr(About me:)
-                {{ $user->bio }}
-                <a class="text-muted small" @tooltip(Collapse) href="#" onclick="$('#bio-full').addClass('hidden'); $('#bio-short').removeClass('hidden'); return false;">
-                  [collapse]
-                </a>
-              </p>
-            @else
-              <p class="mb-2">
-                @sr(About me:)
-                {{ $user->bio }}
-              </p>
-            @endif
+            <div class="mb-3">
+              {!! Widget::collapsible($user->bio, 350, '8em')->srPrefix('About me:') !!}
+            </div>
           @endif
 
           <table>