JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<a href="#compartilhar" data-toggle="modal">Compartilhar</a>

JavaScript

// Conteúdo que deseja inserir
var oDiv = '<div class="modal"><div class="outra-div"><h1>Aqui um .h1</h1></div><div class="mais-uma"><p>Aqui um paragáfo</p></div></div>';

// Captura o evento de clique
$('a[href="#compartilhar"]').click(function(event) {

    // Previne que o link recarregue a página
	event.preventDefault();

    // Checa se a class modal existe
	if(!$('.modal').length) {
		
		// Se não existir, insere
		$(this).after(oDiv);
	}
	else {
		
		// Se existir da um fadeToggle();
		$('.modal').fadeToggle();
	}
	
});