无法显示短代码内容

Question

我使用以下短代码在我的网站上显示播放和下载按钮。当内容被扩展时，短信代码可以正常运行，但是当内容最小化时，它会显示为代码，不确定如何修复它，请帮忙。您可以转到website并查看问题。

add_shortcode('myplaylist','playlist_function');
function playlist_function($atts)
{
    extract( shortcode_atts( array(
        'title'=>'',
        'url'=>'#',
        ),$atts));

$output='<div class="songlinks" style="margin:5px 5px; width:30px; height:30px; float:left;">
<a href="'.$url.'" title="'.$title.'" name="'.$title.'" class="playbutton">  </a>
</div>
<div class="songdownloadlinks" style="margin:5px 5px; width:40px; float:left; height:30px;">
<a href="#" target="_blank" title="Download-'.$title.'" track_raw_url="'.$url.'">  </a>
</div>
<div style="padding:10px 5px;">'.$title.'</div>';
return $output;
}