[Mrs.Haneki]

имеется плейлист в плеере:

<div class="playlist">
  <ul>
    <li data-videoplaylist="0" class="active">
      <span class="number">1</span>
      <span class="play">в–¶</span>
      <span class="title">Video - 1</span>
    </li>
    <li data-videoplaylist="1">
      <span class="number">2</span>
      <span class="play">в–¶</span>
      <span class="title">Video - 2</span>
    </li>
  </ul>
</div>

.playlist .play {display: none;}

нужно создать условие: если li активен - то скрываем span.number и показываем span.play. Написал код, но он не работает. Помогите пожалуйста подкорректировать его!

$(document).ready(function () {
        if ('.playlist ul li.active') {
            $('span.play').css({ 'display': 'block' });
            $('span.number').css({ 'display': 'none' });
        }
        else {
            $('span.number').css({ 'display': 'block' });
            $('span.play').css({ 'display': 'none' });
        }
    });