I've got a collapsible link which has the unicode arrow on it

►This is a collapsible link

And when someone clicks on it I want it to be turned into the down arrow ▼. However I am having trouble figuring out how to parse to replace this character.

Here is my code:

function CollapsibleContainerTitleClickApp(){

     $(.collapsibleContainerContent.app, $(this).parent()).slideToggle();

     alert($(this).text().trim().charAt(0));

     if ($(this).text.trim().charAt(0) == u25B8{

        alert(inside the if statement);

        $(this).text($(this).text().replace(u25B8, u25BE));

     }else{

        $(this).text($(this).text().replace(u25BE, u25B8));

}

Now the first alert always pops up as the actual arrow (►) and viewing the source also has the actual arrow. How can I see if the first character is one arrow, and if so replace it with the other arrow? The second alert statement never fires so it's never passing the condition of the if.