Митя ТоДаСё

ня

<div id='id_name'>...МЕНЮ...</div>

$(document).mouseup(function(e) {

var el= $('#id_name'); // <<--- сюда id блока меню 

  // тут сказано )) что если клик не по блоку `id_name`, то выполнить условие
  if (!el.is(e.target) || el.has(e.target).length !== 0) { 
  
      тут условие, например назначить display:none для блока меню....

      return false;
  }
});

$(document).mouseup(function (e) {
	var el= $('.el'); //какой-то отображаемый блок
	if (!el.is(e.target) || el.has(e.target).length !== 0) {
		//туда-сюда и закрыли
		return false;
	}
});

а вот это смотрели?
Remote Bot тут даже можно настроить, чтобы отвечать через свое любимое приложение во все остальные...

циклом который будет создавать объекты (т.е. ваши отрезки) и записывать значения каждого отдельным свойством, на выходе получите отрезки и их стоимость и тд...

window.addEventListener("click", function(event) {
});

codepen

function sayHi() {
    setTimeout("alert('Привет')", 5000);
}

<input class="btn btn-purple btn-block" type="submit" name="up" value="Up" onclick="sayHi();">

нужно json строку перевести в объект JSON.parse()
и например через jQuery - $('#id').html(obj[name]) заменить значение в нужном месте

я думаю вот это тоже окажется полезным - insertAdjacentHTML

пример

let user = '{ "name": "John", "age": 35, "isAdmin": false, "friends": [0,1,2,3] }';
user = JSON.parse(user);
alert( user.friends[1] );

1. XMLHttpRequest
2. Datalist
3. length
4. MySql - %or%

это можно реализовать даже без JS, например
ток заменить чекбоксы на radio и ссылки прописать

а вообще на js это делается назначая класс со свойством display:block для след.блока и устанавливая display:none предыдущему

javascript

function Tab(){
		$('.tabs').removeClass('active');
		$('#'+this.id).addClass('active');
	};

css

.tabs {
	display: none;
}
.active {
	display: block;
}
u.link{
	color:blue;
}

html

<u class="link" id="id_блока_который_надо_открыть" onclick="Tab(this)">ссылка</u>

*display можно заменить на прозрачность и % ее менять...

может так? https://edithtm.html5css.ru/index.php
а адресную строку можно менять так https://developer.mozilla.org/ru/docs/Web/API/Hist...

через ajax...

а чем такой метод плох?

function include(filename) {	
	var js = document.createElement('script');
	js.setAttribute('src', filename);
	document.getElementsByTagName('HEAD')[0].appendChild(js);
	var cur_file = {};
	cur_file[window.location.href] = 1;
	if (!window.js_file)
		window.js_file = {};
	if (!window.js_file.includes)
		window.js_file.includes = cur_file;
	if (!window.js_file.includes[filename]) {
		window.js_file.includes[filename] = 1;
	} else {
		window.js_file.includes[filename]++;
	}
	return window.js_file.includes[filename];
}

(function () {
	var JSlist = [];
	JSlist.push('/js/jquery-easing.js');
	JSlist.push('/js/jquery.maskedinput.js');
        ...
	JSlist.forEach(function (URL) {
		include(URL);
	});
}());

с помощью маски и регулярных выражений
или
перечислить все стопы в массив и перебирать циклом при проверке
или
воспользоваться готовым решением

тут вроде как только открытие нового, стили покажите..

внесу свои 5 копеек: html+css прям уверенно? ну прям сильное заявление, я не хочу вас обидеть или расстроить, но к примеру сделать крассбраузерную верстку не так уж и просто (я не имею ввиду сделать макет в 3 колонки). Но, допуская, что я не прав, то стоит обратить внимание на изучение js, с перспективой дальнейшего изучения node.js - весьма универсальная тема, и серверная часть и клиентская + мобильные устройства, все можно писать на нем. Берите заказы, пусть это будет работа "за еду", но вы получите опыт и начнете формировать портфолио. А вообще сейчас рулят узконаправленные специалисты, которые действительно уверенно разбираются в своем направлении...

вот ссылочка на ютюб, мне понравилось насколько легко и доступно автор ролика освещает тему, возможно и вам зайдет!

а еще, намного легче учить - пробуя, лично мне так проще. Придумали себе задачку и пробуете ее реализовать...

посылается запрос, к примеру с помощью cURL через api, в ответ получаете json, который может содержать объекты и массивы, декодируете json и дальше работаете с данными так, как вам нужно. Для доступа к api нужен токен, получаете его и вперед...