Здравствуйте!
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title> </title>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.js"></script>
<script>
$(document).ready(function(){
$('#townPopup').loginTown($('#town')); //popap выбора города
//перенос значений в a при выборе города
$(".townNow").click(function(){
$("#townChoice").html($(this).attr("title"));
});
$("#townSelect li").click(function() {
$("#townSelect li").removeClass('activeTown');
$(this).addClass("activeTown");
$('.b-town__popup').fadeOut(300);
});
});
//выбор города
(function($, window) {
$.fn.loginTown = function($town) {
var $self = this,
$window = $(window);
return this.toggle(
function() {
$town.fadeIn(300).bind('click.bTown', function(event){
event.stopPropagation();
});
},
function(){
$town.fadeOut(300).unbind('.bTown');
$window.unbind('.bTown');
return false;
}
);
};
})(jQuery, window);
</script>
<style>
#townSelect{margin:0; padding:0;}
#townSelect li{list-style: none;line-height: 1.5;}
.b-town__popup {width: 427px; height: 72px;display: none; padding: 0;left: 10px; top: 30px; position: absolute;z-index: 151;}
</style>
<body>
<div class="wrap_town">
<div class="b-town" >
<div class="b-town__link" id="townPopup">
<a href="#" id="townChoice" class="main_bold_font">Санкт-Петербург</a>
</div>
<div class="b-town__popup" id="town">
<ul id="townSelect">
<li><a href="#" class="townNow" title="Абакан">Абакан</a></li>
<li><a href="#" class="townNow" title="Архангельск">Архангельск</a></li>
<li><a href="#" class="townNow" title="Астрахань">Астрахань</a></li>
<li><a href="#" class="townNow" title="Барнаул">Барнаул</a></li>
<li><a href="#" class="townNow" title="Белгород">Белгород</a></li>
<li><a href="#" class="townNow" title="Бийск">Бийск</a></li>
<li class="activeTown"><a href="#" class="townNow" title="Благовещенск">Благовещенск</a></li>
<li><a href="#" class="townNow" title="Братск">Братск</a></li>
<li><a href="#" class="townNow" title="Брянск">Брянск</a></li>
<li><a href="#" class="townNow" title="Великий Новгород">Великий Новгород</a></li>
<li><a href="#" class="townNow" title="Владивосток">Владивосток</a></li>
<li><a href="#" class="townNow" title="Владимир">Владимир</a></li>
<li><a href="#" class="townNow" title="Вологда">Вологда</a></li>
<li><a href="#" class="townNow" title="Великий Новгород">Великий Новгород</a></li>
<li><a href="#" class="townNow" title="Владивосток">Владивосток</a></li>
<li><a href="#" class="townNow" title="Великий Новгород">Великий Новгород</a></li>
<li><a href="#" class="townNow" title="Владивосток">Владивосток</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Не могу понять в чем причина такой работы окна.
При выборе города только по двойному клику открывается Popap.
Скорее всего так происходит потому, что данные из окна передаются в ссылку.
Как сделать чтобы при одинарном клике открывался/закрывался Popap?
