Кажется я понял (но не уверен  ):
<ul>
<li class="slonik">1</li>
<li class="begemotik">2</li>
<li class="begemotik">3</li>
<li class="begemotik">4</li>
<li class="slonik">5</li>
<li class="slonik">6</li>
<li class="slonik">7</li>
<li class="begemotik">8</li>
<li class="begemotik">9</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$('li').click(function(){
$('li').css( "color", "black" );
var $this = $(this);
var cls = $this.attr('class');
$this.nextUntil(':not(.' + cls + ')').css( "color", "red" );
$this.prevUntil(':not(.' + cls + ')').css( "color", "red" );
});
</script>
|