Как открыть <details> с помощью ссылки?

$('a').on('click', function() { 
  const id = $(this).attr('href'); 
  $(id).attr('open', function(index, attr) { 
    return attr == 'open' ? null : 'open'; 
  }); 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<a href="#link">Click</a> 
 
<details id="link"> 
  <summary>Text...</summary> 
  blablabla 
</details>

$(document).ready(function(){ 
  $("a[href='#link']").on("click", function(){ 
    $("#link").attr("open"); // Attribute 
    $("#link[open]").css("display", "block") 
    // $("#link").toggleClass("open"); class 
  }) 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<a href="#link">Click</a> 
 
<details id="link"> 
<summary>Text...</summary> 
blablabla 
</details>