JSFiddle - React, Tailwind, and code Playground

by Oliver_kh

HTML

<div class="sl">
    Суть вопроса:
Имеется страница с текстовыми шаблонами, необходимыми для работы, реализовано с помощью accordion(jquery) - в заголовке указана тема шаблона, при открытии - непосредственно текст.
Необходимо каким-либо образом сделать, чтобы по клику выделялся весь текст в выехавшем блоке accordion'-a. Буду благодарен за фрагмент кода в качестве примера. Заранее большое спасибо. 
</div>

CSS

.sl {
    border:2px solid red;
    padding:15px;
}

JavaScript

$('div.sl').click(function() {
 var e=this; 
 if(window.getSelection){ 
 var s=window.getSelection(); 
 if(s.setBaseAndExtent){ 
 s.setBaseAndExtent(e,0,e,e.innerText.length-1); 
 }else{ 
 var r=document.createRange(); 
 r.selectNodeContents(e); 
 s.removeAllRanges(); 
 s.addRange(r);} 
 }else if(document.getSelection){ 
 var s=document.getSelection(); 
 var r=document.createRange(); 
 r.selectNodeContents(e); 
 s.removeAllRanges(); 
 s.addRange(r); 
 }else if(document.selection){ 
 var r=document.body.createTextRange(); 
 r.moveToElementText(e); 
 r.select();}
});