При клике меняется содержимое span для определенного класса

http://hashcode.ru/questions/51515/при-клике-меняется-содержимое-span-для-определенного-класса

HTML

<div class="job_item">
    <div class="up">
        <div class="job_title">
            <a class="job_link" href="#!up/down"> <b>&lt;?=$name?&gt; </b></a>
            <span class="up">&uarr;</span>
            <span class="down">&darr;</span>
        </div>
        <div class='job_desc'>
            <p>&lt;?=$text?&gt;</p>
        </div>
    </div>
</div>

CSS

.job_item span.up,
.job_item span.down  {
    cursor: pointer;
    color:#911B1D;
    display: none;
}
.job_item .job_desc {
    display: none;
}
.job_item .up span.up,
.job_item .down span.down  {
    display: inline;
}
.job_item .down .job_desc {
    display: block;
}

JavaScript

$(document).ready(
    function () {
        $(".job_link").click(
            function () {
                var o = $(this).parent().parent();

                o.attr( "class",
                        (o.attr("class") == "up") ?
                            "down" :
                            "up"
                );
                return false;
            }
        );
    }
);