7 examples of 'pop up menu in html' in JavaScript

729
function populateNavMenu(menu) {
730
  var navMenu = document.getElementById("sidebar-menu");
731
  for (var i = 0; i < menu.length; i++) {
732
    var sectionTitle = document.createElement("h6");
733
    sectionTitle.innerText = menu[i].name;
734
    navMenu.appendChild(sectionTitle);
735
736
    addNavSections(navMenu, menu[i].items);
737
  }
738
}

61
function closeMenu() {
62
    $(this).children(".title").removeClass("opened");
63
    $(this).children(".menu").hide();
64
}

12
function jump(menu)
13
{
14
ref=menu.options[menu.selectedIndex].value;
15
splitc=ref.lastIndexOf("*");
16
target="";
17
if (splitc!=-1)
18
{loc=ref.substring(0,splitc);
19
target=ref.substring(splitc+1,1000);}
20
else {loc=ref; target="_self";};
21
if (ref != "") {land(loc,target);}
22
}

624
function showMenu (m) {
625
  if ($('.layui-log').length > 0) {
626
  m.children().show()
627
		m.children('li[ac=log]').unbind('click').click(function () {
628
  layer.open({
629
  type: 1,
630
  title: false,
631
  offset: 'auto',
632
  area: ['80%', '500px'],
633
  content: '<pre class="layui-code layui-code-log" lay-title="日志"></pre>',
634
  btn: '关闭',
635
  btnAlign: 'c',
636
  shade: 0.1,
637
  move: 0,
638
  shadeClose: true,
639
  success: function () {
640
  $('.layui-code-log').append($('#log-demo').html())
641
					layui.use('code', function () {
642
  layui.code({
643
  title: '日志',
644
  about: false
645
})
646
					})
647
				}
648
})
649
		})
650
	}
651
}

235
pop() {
236
  this.setState((prevState) => {
237
    const newStack = prevState.previousKeyStack.slice();
238
    return { previousKeyStack: newStack, currentKey: newStack.pop() };
239
  });
240
}

33
function menu(){
34
	if ($('.sidebar').css('display') == "none") {
35
		$('.sidebar').css('display','block');
36
		$(".menuicon i").removeClass().addClass("icon-cancel");
37
	}else{
38
		$('.sidebar').css('display','none');
39
		$(".menuicon i").removeClass().addClass("icon-menu");
40
	}
41
}

494
function _showMenuPanel(header, content) {
495
  let menu = new HtmlBuilder('.menu');
496
  menu.append('.menuHeader', header);
497
  menu.append('.menuBody', content)
498
  return menu;
499
}