Показать сообщение отдельно
  #1 (permalink)  
Старый 05.03.2013, 01:17
Аватар для ZKKirill
Новичок на форуме
Отправить личное сообщение для ZKKirill Посмотреть профиль Найти все сообщения от ZKKirill
 
Регистрация: 05.03.2013
Сообщений: 1

Последовательное появление при клики на индефикатор
Подскажите не могу разобрать начал с недельку назад читать про jQuery, раньше и JavaScript'ом не дружил помогло знание ActionScript.
Задача:Нужно сделать при клике на ссылке с href="id1", отображение контента в теге <div id=id1>. Чтобы вся информация в нем, выводилась последовательно с эфектом optical.
Что имею:
  1. Код 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');
    });
});
  1. CSS:
    #id1 a{
    width:33.33%;
    opacity:0;
    }
    
  1. html код: Думаю смысла нет выкладывать.
  1. Что не получается:Все div'Ы имеют кодификаторы: id1, id2 .... inX, надо числа присваивалась циклический с 0 до 99 т.е. что бы строчка
    $('div#id1').find('a').each(function(i)
    

    была похоже на что то такое, только работала.
    $('div#id(i++)').find('a').each(function(i)
    
Заранее благодарен за любую помощь.
Спасибо!
Ответить с цитированием