Arx777,
вам через три дня было назначено, а вы через час пришли - непорядок однако
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
#disign{
color: black;
text-decoration: none
}
#content{
color: blueviolet; display: none;
border: 1px darkred solid; position:absolute;
margin-left: 300px; margin-top: 0px;
z-index: 1; background-color: white;
width: 300px; height: 400px;
overflow: auto;
}
#closing_crust{
position: absolute;
left: 270px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var div = $("#content");
$(document).on('click', function (event){
if ($(event.target).closest(div).length && !$(event.target).is('#closing_crust')) return;
if ($(event.target).is('#disign')) div.toggle();
else div.hide()
});
});
</script>
</head>
<body>
<div class="dis">
<div id="content">
<img id="closing_crust" src="http://www.iconsearch.ru/uploads/icons/minimal/64x64/gtk-close.png" width="30" height="30">
</div>
<a id="disign" href="#" style="">Смотреть все дизайны для данного товара</a>
</div>
</body>
</html>