JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:right;position:relative">
	<div class="ccc">
		<a class="xxx" href="#">Ссылка 1</a>
		<a class="xxx" href="#">Ссылка 2</a>
		<a class="xxx" href="#">Ссылка 3</a>
	</div>
	<a style="color:#000;" class="zzz" href="#">Кнопка</a>
</div>

CSS

.zzz 
	{
		display: none;
}
@media only screen and (max-width: 400px) 
{
	.ccc 
	{
		display: none;

	
		position:absolute;
		top:25px;
	}
	
	
	.xxx 
	{
		display: block;
	}

	.zzz 
	{
		display: block;
	}
}

JavaScript

$(function() {
	$('.zzz').on('click', function () {
		if($(".ccc").css("display") == "none") {
			$(".ccc").fadeIn(500);
		} else {
			$(".ccc").fadeOut(500);
		}
	});
});