Денис Инешин

Все достаточно просто: jsfiddle.net/IonDen/rsdvw4wm

<button class='block' data-id='1'>Open win 1</button>
<button class='block' data-id='2'>Open win 2</button>

<div class='win' data-id='1'>Win 1</div>
<div class='win' data-id='2'>Win 2</div>

$(document).on('click', '.block', function () {
    var id = $(this).data('id'),
        $target = $('.win').filter('[data-id="' + id + '"]');
    
    $target.addClass('visible');
});

В этом вам поможет CSS Transform Origin

Износился механизм. Для начала нужно попробовать его разобрать и смазать. Ну а лучше всего заменить.

Примерно так можно, с помощью vw: jsfiddle.net/IonDen/64o1hehz

.parent {
    position: relative;
    width: 200px;
    height: 300px;
    background: #000;
    margin: 0 auto;
}

.child {
    position: absolute;
    top: 50px; left: 50%;
    width: 100vw; margin-left: -50vw;
    height: 100px;
    background: #f00;
}

Фича в том, что либо вы проникнетесь духом ангуляра и его правилами. И будете писать так, как ангуляр вам рекомендует это делать, либо вы начнете все больше и больше костылить.

А по поводу функций, все пишут через обычную точечную нотацию:

this['foo']() // плохо
this.foo() // хорошо

// в крайнем случае никто не мешает вам сделать так:

var a = this.foo;
a();

Пример: jsfiddle.net/IonDen/xyoLvxuf

var test = '<span>Test</span><span>Test2</span>';
test = test.replace(/<span>/g, '<div>');
test = test.replace(/<\/span>/g, '</div>');
console.log(test); // <div>Test</div><div>Test2</div>

Updated.

Вряд ли с этим что-то можно сделать. Отключите навсегда дискретную видяху. Пора на покой ноутбуку то.

Если прямо заменит вам десктоп и все время будет дома стоять, а таскать будете очень радко, то 17.
В остальных случаях и 15-ка тяжела.

В таком событии нет практического смысла. По этому вряд ли вы такое найдете.
Зато, очень легко его вычислить. Любой нормальный слайдер имеет событие onChange или что-то в этом роде, возвращающее номер слайда. Ну а дальше, зная кол-во слайдов и номер текущего слайда, очень легко понять когда докрутили до конца.

Примерно так: jsfiddle.net/IonDen/0hk6bhms

var $menu = $('.menu'),
    $items = $menu.find('li'),
    num = $items.length,
    current = -1;

$(document).on('keyup', function (e) {
    var key = e.which;
    
    switch (key) {
        case 38:
            current--;
            if (current < 0) {
                current = num - 1;
            }
            
            break;
            
        case 40:
            current++;
            if (current > num - 1) {
                current = 0;
            }
            
            break;
    };
    
    $items.eq(current).addClass('active').siblings().removeClass('active');
});

www.pcadvisor.co.uk/how-to/windows/how-downgrade-w...

SetInterval не нужен. Добавьте на основной слой со слайдами CSS анимацию, а слайдеру добавляйте только одну координату без всякого там интервала. Сгенерировать анимацию можно тут: matthewlein.com/ceaser

Координаты можно прокручивать в другой конец простой проверкой:

var max = 1000;

if (x < 0) {
    x = max;
} else if (x > max) {
    x = 0;
}