JSFiddle - React, Tailwind, and code Playground

by mshufrich

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    </head>
    
    <body>
        <div class="content">
            <div id="list" align="center" style="padding-top: 10%;">
                <p>1 el</p>
                <p>2 el</p>
                <p>3 el</p>
            </div>
        </div>
    </body>

</html>
<button id="show">показати</button>
<button id="hide">скрити</button>

JavaScript

// Додайте в елемент з класом content, 5 нових елементів і кнопки "Показати" та "Видалити".

 
 $("#show").click(function (){
	var element = document.createElement('div');
	element.innerHTML = 'Content for div starting here', element.id = 'div123';
	document.body.appendChild(element);
	}
	
$("#hide").click(function () {
     var divOne = document.getElementById('list');
     divOne.style.display = 'none';
     return divOne;
 });