Как задать такое позиционирование кнопки «фильтр»?

Question

[HelenaS]

Здравствуйте!

Мне нужно сделать позиционирование кнопки фильтр вот как на картинке

Я написала скрипт

$('.checkbox').click(function(e) {
		    $('.filters-btn').show();
		    $('.filters-btn').offset({
		    	left:e.pageX - 0,
		    	top:e.pageY - 5
		    });
  		});

но при клике на чекбок, кнопка фильтр появляеться на месте клика. А мне нужно что было она появлялась строго с правой сторны, как на картинке.

Подскажите, куда смотреть? может плашин какой-то есть?
Заранее спасибо.

Answer 1

[Владимир Проскурин]

Вам при клике на чекбокс вам нужно посчитать его координаты из $(this).offset(), а не координаты мыши.
UPD: вот пример

Comments

[HelenaS]

Спасибо огромное за помощь)))

[Владимир Проскурин]

HelenaS, только замените везде
$('.block').fadeIn();
и
$('.block').fadeOut()
на
$('.block').stop().fadeIn();
и
$('.block').stop().fadeOut();
чтобы если много раз кликать, анимация не зацикливалась.

[HelenaS]

Владимир Проскурин, ок, спасибо))