PHP+JQuery, не могу разобраться помогите
кратко:значит есть div(корзина) и в нем div(товары) при помощи php я загружаю название и описание товара, и при нажатии на корзину она сворачивается, а при нажатии на товар он либо раскрывает описание товара либо скрывает если таковое имеется,НО ПРИ НАЖАТИИ НА ТОВАР ФАКТИЧЕСКИ ПОД НАЖАТИЕ ПОПАДАЕТ И САМА КОРЗИНА!!! я только учусь программировать на jquery плиз помогите!
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<title>корзина</title>
</head>
<body>
<div class="basket">
<div id="name1">
<p>товар 1</p>
<div>описание</div>
</div>
<div id="name2">
<p>товар 2</p>
<div>описание</div>
</div>
</div>
</body>
</html>
$('.basket, .basket > div').click(function(){
$(this).fadeToggle(1000);
});
и может если не сложно посоветуете книгу по js и jquery, а то их много |
Nirfik,
отмени всплытие
$(function(){
$('.basket, .basket > div').click(function(event){
event.stopPropagation();
$(this).fadeToggle(1000);
});
})
|
Nirfik,
или так
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.basket p{
cursor: pointer;
}
.basket p ~ div{
display: none;
}
</style>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script> $(function(){
$('.basket p').click(function(event){
$(this).nextAll('div').fadeToggle(1000);
});
})
</script>
<meta charset="utf-8">
<title>корзина</title>
</head>
<body>
<div class="basket"> <p>корзина</p>
<div id="name1">
<p>товар 1</p>
<div>описание</div>
</div>
<div id="name2">
<p>товар 2</p>
<div>описание</div>
</div>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 03:33. |