ksa, дело как раз в том что я хочу сам научиться. Если бы я это делал в каких либо коммерческих или рабочих целях и не знал как сделать, то мне проще было бы конечно заплатить (тем более за такую мелочь цена была бы не велика) кому-то а не сидеть уже 4-й день)))
Если я еще могу наедятся на вашу помощь, посмотрите пожалуйста что я имею сейчас, вот разметка: (я её не много дополнил добавил каждому инпуту класс, что бы было проще его искать)
<nav class="galnav">
<ul>
<li>
<input type="radio" name="btn" value="one" checked="checked" class="sheare-input">
<label for="btn"></label>
</li>
<li>
<input type="radio" name="btn" value="two" class="sheare-input">
<label for="btn"></label>
</li>
<li>
<input type="radio" name="btn" value="fre" class="sheare-input">
<label for="btn"></label>
</li>
</ul>
</nav>
Вот скрипт, начал писать все заново, пытаюсь построчно воспроизвести алгоритм который Вы расписали, но натянулся на первую сложность:
jQuery(function($) {
var input = $('.sheare-input');
var active = input.filter('[checked]'); // здесь нахожу активный инпут
var next = active.nextAll('.sheare-input').css('border', '3px solid red'); // здесь пытаюсь найти следующий, НО что-то идет не так, скрипт не может определить следующий элемент с классом .sheare-input (.css('border', '3px solid red') - это я добавляю для визуализации своих действий, то есть если следующему элементу добавились бы соответствующие стили, я бы знал что все заработало)
});
Что я делаю не так?(