Как реализовать эффект при переключении контента

[Quasar]

Подскажите как реализовать эффект при переключении контента (если возможно на чистом js), делал с jQuery, тоже получается без эффекта.

Вот код:

<div id='first' style='display: none'> 
Контент 11111 </div> 
 <div id='second' style='display: none'> 
Контент 222222
 </div> 
<div id='three' style='display: none'> 
Контент 33333
 </div> 


<img id='jqimg' src='bc.png' onclick='toggle("first");' >
<img id='jqimg' src='ab.png' onclick='toggle("second");'>
<img id='jqimg' src='ac.png' onclick='toggle("three");' >
 
<div id='conten'>Контент</div>

function toggle(id) { 
         document.getElementById("conten").innerHTML = document.getElementById(id).innerHTML;

$('#conten').slideDown('slow');  

  } 
     toggle("first0");

Эффект работает с этой строкой:

$("#conten").slideToggle("slow");

но при переключении то сворачивает то разворачивает, а надо, чтоб всегда разворачивался. Спасибо