Jquery

<input  type="button" value="Hide Text" onclick="hidetext()"/>
<input  type="button" value="Show Text" onclick="showtext()"/>
<p id="contenttext"> Welcome</p>
<script>
    const hidetext=()=>{
        document.getElementById('contenttext').style.display = 'none'
    }
    const showtext=()=>{
         document.getElementById('contenttext').style.display = 'block'
    }
</script>

<input  type="button" value="Hide Text" id="hidetext"/>
<input  type="button" value="Show Text" id="showtext"/>
<p id="contenttext"> Welcome</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
    $(document).ready(()=>{
        $('#hidetext').click(()=>{
            $('#contenttext').hide();
        })
        $('#showtext').click(()=>{
            $('#contenttext').show();
        })

    })
</script>

<input  type="button" value="Hide /show Text" id="showhidetext"/>

<p id="contenttext"> Welcome</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
    $(document).ready(()=>{
        $('#showhidetext').click(()=>{
            $('#contenttext').toggle();
        })
    })
</script>