JSFiddle - React, Tailwind, and code Playground

by sridhar reddy

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
    <div class="main-frame">
        <div class="frame-wrapper">
            <img class="idea-image" src="img/idea.png">
            <img id="btn1" src="img/button1.png" alt="button image"> 
            <p id="click-button-text">をクリックするとアンサーがご覧になれます</p>
          <p class="question-hide">Text is right below the button</p>
        </div>
    </div>
</div>

CSS

#btn1 {
    float: left;
    padding-left: 5px;
}

#click-button-text {
    float: left;
    padding: 5px 0 5px 5px;
}

JavaScript

$(document).ready(function(){
    $("#btn1").click(function(){
        $(".question-hide").toggle();
    });
});