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>