$(document).ready(function(){
$(".job_link").click(function(){
$(this).parents(".job_item").find(".job_desc").toggleClass("job_hidden");
$(".arrow span").text(↓);
});
});
Хочу чтобы при клике содержимое span менялось, по умолчанию там стоит ↑ А нужно чтобы при клике оно менялось на ↓ при повторном клике обратно на ↑
Как такое сделать? Сейчас это код не рабочий, потому что .arrow span не понимает для какого класса почему-то.
Добавил разметку:
<div class="job_item">
<div class="job_title">
<a class="job_link" href="javascript:void(0);"> <b><?=$name?> </b></a>
<span class="arrow" style="cursor: pointer; color:#911B1D;">↑</span>
</div>
<div class='job_desc job_hidden'>
<p>
<?=$text?>
</p>
</div>
</div>
.arrow span
- не совсем правильно для конкретного случая, тут нужно писатьspan.arrow
:-)