jQuery

jQuery

01.05.2009, 00:33

~~procedure~~

Banned

Регистрация: 22.12.2007

Сообщений: 660

С нами: 9677126

Репутация: 1158

jQuery

Столкнулся с такой проблемкой:
Есть вот это:

Код:

...
<table ...(styles, attributes)... >
<tr>
<td>
<a href="#"><img src='./image1.png' /><div style='z-index: 20; position: absolute;'>TEXT</div></a>
<a href="#"><img src='./image2.png' /><div style='z-index: 20; position: absolute;'>TEXT1</div></a>
<a href="#"><img src='./image3.png' /><div style='z-index: 20; position: absolute;'>TEXT2</div></a>
</table>
...

Каждый div имеет класс content.
Все очень просто, текст поверх картинки. Выглядит все просто великолепно)

Но есть одна проблема. Мне нужно с помощью jQuery отображать содержимое тэгов <a> по очереди. .
Если делать each и в нем по очереди делать show() то javascript отображает это все сразу.

Если убрать тэги a. Получится то что мне нужно. Запрос jQuery будет выглядеть так:

Код:

$(document).ready(function(){
            $("td img:eq(0)").show("slow", function () {
                $(this).next().show("slow", arguments.callee);
            }).end().next('.content:ex(0)').show('slow', function () {
             $(this).next('.content:ex(0)').show('slow', arguments.callee)});
          });

Но тэги <a> мне очень нужны. Как можно с ними реализовать такое отображение? Спасибо.

𝕏 Twitter Reddit Telegram Копировать ссылку