Все объекты, которым нужно изменить стиль на странице много и они одноименные
Нужно, добавить тень объекту и z-index, а еще наложить фиксированный фон позади него
Кнопки у всех объектов внутри этих объектов
К этим кнопкам уже добавлена функция по клику через скрипт, которая выкатывает блок снизу объекта:
$(function(){
$(document).on('click','.emb', function(){
var block = $(this).siblings('.meta-data');
if(block.is(':hidden')){
block.slideDown(100);
} else {
block.slideUp();}})})
$(document).mouseup(function (e) {
var container = $(".meta-data");
if (container.has(e.target).length === 0){
container.hide(100);}});
.emb- это кнопки, а .meta-data- это блоки, которые открываются по клику на кнопки.
Может, к этому скрипту и добавить все так недостающее мне необходимое...
В целом, нужно по одному клику на эту кнопку сделать из этого состояния:
В это:
