Toggle attr value on click
<p>I'm trying to toggle a attr value (rel or href) on click.</p>

<pre><code>$('#open').click(function () {
    $(this).text($(this).text() == 'View Project' ? 'Close' : 'View Project');
    $(this).attr('rel','#page');
    $('#view').slideToggle(550);
    return false;
});
</code></pre>

<p>I've got a text swap in there that's change out the text for a#open when toggled open/toggle close.</p>

<p>But I need to swap the <strong>rel</strong> or <strong>href</strong> from <strong>#view</strong> to <strong>#page</strong> when toggled open but then back to <strong>#view</strong> on the toggle close. I'm needing the swap of these as it's needed for using scrollTop.</p>

<p>Any help would be greatly appreciated!</p>
