Подскажите как сделать
Здравствуйте! Столкнулся со скриптом, не представляю даже как он должен работать .Итак у меня есть 10 элементов (<a>). Когда человек нажимает на один из них, блок скрывается, и если человек нажал на 3 элемента, то должна всплывать форма. Получается, что если человек не нажал на элементы, то форма не всплывает, а если он нажал на 3 элемента с 10 то форма всплывает. Очень нужна помощь, я новичок в JS!)
|
newperson,
клик на ссылку -- ссылке меняется добавляется класс -- идёт подсчёт всех ссылок с данным классом, если три и более открыть форму |
как сделать подсчёт всех ссылок с данным класом??
|
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.first + img{
display: none;
}
.orange{
background-color: rgba(255, 165, 0, 1);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var s = $("a"), d = $(".first"), f = $("img");
s.click(function() {
$(this).addClass("orange");
var len = s.filter(".orange").length;
len == 1 && d.hide();
len == 3 && f.show();
return false
});
});
</script>
</head>
<body>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
<a href="">10</a>
<a href="">11</a>
<div class='first'>
чтобы получить пончик нажмите три любых ссылки
</div>
<img src="http://www.japan-ponchik.com/menu/img/img-08-02-l.jpg" height="100" alt="">
</body>
</html>
|
Огромное спасибо, очень мне помогли!!!
|
| Часовой пояс GMT +3, время: 14:37. |