JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://garotoegarotatopshape.com/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="http://garotoegarotatopshape.com/source/jquery.fancybox.css">
<a id="button2" href="#parceiros"><div id="botao2" class="preto">PARCEIROS</div></a>

<div style="display:none"><div id="parceiros">
    <a id="fancybox-button3" href="#parcas">Teste</a>
</div></div>

<div style="display:none"><div id="parcas" class="parcas666">
Teste2
</div></div>

JavaScript

$("a#button2").fancybox({
		'closeBtn' : false,
		'hideOnContentClick': true,
		'padding' : 0,
		'fitToView' : false,
		'helpers' : {  overlay : { css : { 'background' : 'rgba(0, 0, 0, 0.55)'  } }, buttons	: {} }
});

$("a#fancybox-button3").fancybox({
		'closeBtn' : false,
 		'hideOnContentClick': true,
		'padding' : 0,
		'fitToView' : false,
		'wrapCSS' : 'fancybox-wrap22',
		'autoCenter' : true,
		'helpers' : {  overlay : { css : { 'background' : 'rgba(0, 0, 0, 0.55)'  } }, buttons	: {} }
});