SEO продвижение сайтов

jQuery: исчезновение и появление дочернего блока при клике

<!DOCTYPE HTML>
<head>
<meta charset="utf-8">
<title>Урок cript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready( function(){
$(".da-ne").on("click", function() {
$(this).find('*').toggle('slow');
});

/*
$(".da-ne").on("click", function() {
$(this).children('*').toggle('slow');
});

//Показывать скрывать соседа
$('.div_1').click(function(){
$(this).parent().next('.div_2').animate({opacity: 'toggle', height: 'toggle'}, 500);
});
*/

});
</script>
</head>
<body>
<ul>
<li class="da-ne">Верхний уровень
<ul>
<li>Нижний уровень</li>
<li>Нижний уровень</li>
</ul>
</li>
<li class="da-ne">Верхний уровень
<ul>
<li>Нижний уровень</li>
<li>Нижний уровень</li>
</ul>
</li>
</ul>
</body>

Или так:

$('.da-ne').click(function(){
$(this).children().animate({opacity: 'toggle', height: 'toggle'}, 500);
});

Если хочешь чтобы не все дочерние (не потомки) блоки исчезали, а только нужные - укажи класс блока

$('.kn').click(function(){
$(this).children('.show').animate({opacity: 'toggle', height: 'toggle'}, 500);
});

А вот как это работает:

  • Верхний уровень
    • Нижний уровень
    • Нижний уровень
  • Верхний уровень
    • Нижний уровень
    • Нижний уровень

Добавить комментарий


Защитный код
Обновить

Ошибки в тексте выделить и Ctrl+Enter


Расскажи о нас друзьям

Web-технологии

Создание и продвижение сайтов в Москве

Создание и продвижение сайтов в Москве

Создание сайтов – важный этап развития бизнеса. Каждый предприниматель, каждая организация знает, что иметь свой ресурс в интернете просто необходимо.

Зачем Вам нужен сайт?

Подробнее...

Какие ссылки ставить для SEO продвижения

Какие ссылки ставить для SEO продвижения

Сегодня для SEOпродвижения сайта, ориентируясь в основном на Яндекс, нужно ОЧЕНЬ осторожно использовать ссылки других сайтов на свой ресурс.

Не разумная и покупка большой массы ссылок на сайт может сильно навредить SEO продвижению. Такой сайт даже может попасть в бан.

Подробнее...
Интересные статьи

Женщины о себе...

Женщина о себе - женский юмор

1. Женщина сказала - Женщина сделала! Если Женщина сказала и не сделала, значит, Женщина по-шу-ти-ла.

2. Умная девушка всегда знает, когда включить дуру.

3. Я вся такая легкая, такая воздушная, такая неземная, такая смелая, неотразимая... Короче, пьяная я сегодня!

4. Женская логика: "Лучше по-хорошему скажи, иначе я сама додумаю, хуже будет!"

5. Счастье - это когда ты ходишь в его футболке, без косметики, с нелепым хвостиком на голове и для него ты самая красивая на Земле!

6. Решила по дому мужскую работу сделать сама, легла на диван, смотрю телевизор. Тяжело, не спорю, но надо...

7. Тридцать - это те же двадцать, только более ухоженная, самостоятельная и уверенная в себе!

Подробнее...

Создание и SEO продвижения сайта в интернете

Бюджет создания сайта определяется индивидуально и составляем ~30т.р. (+или-). Срок выполнения 2-4 недели, всё зависит от сложности сайта и взаимодействия с клиентом. Обычно бывают задержки со стороны клиентов.

Верстка сайта производится сразу в двух вариантах:

  • Для обычных компьютеров (лэптопов)
  • Для мобильны устройств (планшетов, смартфонов)
Подробнее...

Статистика женщин и мужчин на 2016г.

Статистика женщин и мужчин на 2016г.

Все мы, конечно, слышали весёлую и популярную когда-то песенку про то, что "...на десять девчонок по статистике девять ребят..." и, что женщин больше, а мужчин не хватает.

А вот, как реально обстоят дела по официальной статистике за 2016 год, взятой с официального сайта www.gks.ru - Федеральная служба государственной статистики.

И так: таблица 1.2. Женщины и мужчины по возрастным группам

Подробнее...

Оставить заявку

Закрыть
Заполните фрму и отправьте нам заяку
Заполните все обязательные поля*
captcha
Перезагрузить