Revealing and hiding a playlist
How about "cheating" a bit by creating two copies of those elements whose values should change and then just alternate between which element to show. Something like this:



&lt;div class="toggleable"&gt;
    &lt;span&gt;&amp;#9660;&lt;/span&gt; Show playlist
&lt;/div&gt;
&lt;div class="toggleable" style="display: none;"&gt;
    &lt;span&gt;&amp;#9650;&lt;/span&gt; Hide playlist
&lt;/div&gt;


And then somewhere in your JavaScript you call the .toggle() function from the jQuery UI:

$(".toggleable").toggle();


Now it would look as though the texts changed, while actually you are hiding one element and displaying another.