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

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

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

<!DOCTYPE HTML><html dir="ltr" lang="ru-ru">
<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></html>

Или так:

$('.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-технологии

Консольный ввод и вывод данных в C++

В С++, как и в С, нет встроенных в язык средств ввода-вывода. В С++ разработана библиотека ввода-вывода iostream, которая подключается директивой #include <iostream>

Библиотека iostream определяет три стандартных потока:

  • cin  стандартный входной поток (stdin в С)
  • cout  стандартный выходной поток (stdout в С)
  • cerr  стандартный поток вывода сообщений об ошибках (stderr в С)

Для выполнения операций ввода-вывода переопределены две операции поразрядного сдвига:

  • >>  получить из входного потока
  • <<  поместить в выходной поток
Подробнее...

Переменные: инициализация и присвоение данных

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

double d1(5000.0);//Число с точкой
double d2(5e3);//Другой способ присвоить значение 5000
double d3(.05);//0.05
double d4(5e-2);//Другой способ присвоить значение 0.05

А можно и так…

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

Типы данных в С++

С++ строготипизированный язык и имеет следующие ТИПЫ ДАННЫХ.

const int HELLO_WORLD=50; - это константа, принято именовать большими буквами.

bool =1 или true (1) или false (0) – да или нет, логика

Int a =123; // 123 – целые числа

float b=(3.14); // 3.14 – число с точкой, до 6 знаков

double c=(3.14); // 3.14 – число с точкой, до 15 знаков

char – один символ

1 бит = (0 или 1)

1 байт = 8 бит (от 0 до 255 = 256 вариантов)

Таблица — Типы данных С++

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

Стишки-депрессяшки

Стишки-депрессяшки

У меня нет попы

у меня нет тить

я должна работать

чтобы как то жить

©

В камасутре много

интересных поз

жаль у нас с женою

остеохондроз

©

Надо же приснится

всякая херня

прямо на работе

среди бела дня

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

Почему или резонные вопросы

Почему или резонные вопросы

Хотель бы получить ответы на такие вопросы:

  1. Почему современные технологии одновременно позволяют производить банки для пива, которые не разлагаются на свалке за 100 лет, и кузова автомобилей, которые гниют за 3-4 года?
  2. Почему лимонный сок сделан из концентрата, а средство для мытья посуды – из настоящего лимона?
  3. Почему белая нитка, которой соединены новые носки, всегда оказывается прочнее, чем нитки, из которых сделаны сами носки?
Подробнее...

Детские загадки для взрослых

murzilka m

*Загадки, которые были опубликованы в журнале "Мурзилка" 30 лет назад!!! Сегодня они не для детей точно: ))*

1. Чтобы спереди погладить, нужно сзади полизать. (Почтовая марка)

2. Кругом волоса, посредине колбаса. (Кукуруза)

3. Сверху черно внутри красно, как засунешь так прекрасно. (Галоши)

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

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

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