yaroslav_void

<div class="clickme">
Нажми на меня!
</div>

$('.clickme').click(function(){
  if (!$(this).data('status')) {
    $(this).html('Молодец! А еще раз слабо?');
    $(this).data('status', true);
  }
  else {
    $(this).html('Ну ты гигант! А может еще раз?');
    $(this).data('status', false);
  }
});

jQuery(function($){
	$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $("#popup"); // тут указываем ID элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			div.hide(); // скрываем его
		}
	});
});

var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
	var winScrollTop = $(this).scrollTop();
	if(winScrollTop > scrollToElem){
		//сработает когда пользователь доскроллит к элементу с классом .elem
	}
});

each val, index in [ ... ]
  li
    a(class=index == 0 ? 'active' : '')