Подскажите не могу разобрать начал с недельку назад читать про jQuery, раньше и JavaScript'ом не дружил помогло знание ActionScript.
Задача:Нужно сделать при клике на ссылке с href="id1", отображение контента в теге <div id=id1>. Чтобы вся информация в нем, выводилась последовательно с эфектом optical.
Что имею:- Код javascript:
$(function() {
$("div.content").hide();
$("a.content").click(function() {
$("a.content").removeClass("checked");
$(this).addClass("checked");
$("div.content").hide();
$("div#" + $(this).attr("href")).show();
$('div#id1').find('a').each(function(i) {
$(this).delay((i++) * 100).fadeTo(500, 1); })
return false;// $('div').find('span');
});
});
- CSS:
#id1 a{
width:33.33%;
opacity:0;
}
- html код: Думаю смысла нет выкладывать.
- Что не получается:Все div'Ы имеют кодификаторы: id1, id2 .... inX, надо числа присваивалась циклический с 0 до 99 т.е. что бы строчка
$('div#id1').find('a').each(function(i)
была похоже на что то такое, только работала.
$('div#id(i++)').find('a').each(function(i)
Заранее благодарен за любую помощь.
Спасибо!