Add "slow" to toggle function

Add "slow" to toggle function

I found this very well working toggle code. It´s nearly perfect, I just
want to add a slide function. I tried different things, but it did not
worked out for me:
.toggle("slow");
$("div").slideToggle("slow");
I hope someone can show me the right code and where to put it in this
function:
<script type="text/javascript">
function showme(id, linkid) {
var divid = document.getElementById(id);
var toggleLink = document.getElementById(linkid);
if (divid.style.display == 'block') {
toggleLink.innerHTML = 'Show Widget';
divid.style.display = 'none';
}
else {
toggleLink.innerHTML = 'Hide Widget';
divid.style.display = 'block';
}
}
</script>
<a id="toggler" onclick="showme('widget', this.id);" href="#">Show Widget</a>
<div id="widget" style="display:none;">
This is a widget
</div>
<a id="toggler" onclick="showme('widget', this.id);" href="#">Show Widget</a>
<div id="widget" style="display:none;">
This is a widget
</div>