Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Последовательное появление при клики на индефикатор (https://javascript.ru/forum/jquery/36140-posledovatelnoe-poyavlenie-pri-kliki-na-indefikator.html)

ZKKirill 05.03.2013 01:17

Последовательное появление при клики на индефикатор
 
Подскажите не могу разобрать начал с недельку назад читать про 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)
    
Заранее благодарен за любую помощь.
Спасибо!

danik.js 05.03.2013 04:49

$('div[id^=id]') - может так? Но лучше конечно использвать другой, нормальный селектор. Может проще задать общий класс для нужных дивов и использовать выборку по классу? Кстати find(a) тут лишнее - это можно легко в селектор перенести - $('div#id1 a').each..

danik.js 05.03.2013 10:04

ААА. ты за чем плюсанул! минусуй теперь!


Часовой пояс GMT +3, время: 10:35.