//in Vue:

<template>
    <button @click="toggle">Click me</button>
    <p id="text" v-show="isShown">Lorem ipsum dolor sit amet,...</p>
</template>

<script>
export default {
    data() {
        return {
            isShown: false,
        };
    },
    methods: {
        toggle() {
        this.isShown = !this.isShown;
        },
    },
}
</script>

class DyrkaEbat extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            isShown: false
        };
    }
  
    clickHandler = () => {
        let { isShown } = this.state;

        this.setState({
            isShown: !isShown
        });
    };
  
    render() {
        let { isShown } = this.state;

        return (
            <div>
                <button onClick={this.clickHandler}>Click me</button>
                {
                    isShown &&
                    <p>Lorem ipsum dolor sit amet,...</p>
                }
            </div>
        );
    }
}

ReactDOM.render(<DyrkaEbat />, document.querySelector('#app'));