How to make popup blocks under the button?

Question

css

Good afternoon. How can I implement a popup block under the button? Let's say there are several buttons (or links) on the page, there is a hidden block. It is necessary that when you click on any button, this block pops up under the button. There were thoughts to make it as a tooltip.

Answer 1

If you are using jQuery, then:

var $tip = $('#tip') // селектор подсказки

$('#button').click(function () {
  $tip.toggle()
})

Answer 2

something like this

Answer 3

on JQurey,
inside the .block block, we insert an absolutely positioned .hiddenBlock block, hiding it through css.

$(".button").click(function (){  /*обработка клика по кнопке*/
      $(this).parents(".block").find(".hiddenBlock").fadeIn(); /*ищем родителя элемента по которому кликнули, в родителе ищем скрытый блок и проявляем его */
});