HIde/Show multiple objects with 1 button in html

Question

I am building a chatbot widget for my website The problem is the chat with us button shows only the bot not the close button too

this is what I tried

                <input id="chat" type="button" onclick="Show();" value="Chat with us" />
                    <script type="text/javascript">
                            function Show()
                            {document.getElementById("bot").style.display="block";}
                            {document.getElementById("close").style.display="block";}
                            {document.getElementById("chat").style.display="none";}

                    </script>

it should show both the bot and close

Jack Bashford · Accepted Answer · 2019-07-02 23:26:57Z

1

You're closing your function after the first line (only bot will hide). Remove the other braces:

function Show() {
  document.getElementById("bot").style.display = "block";
  document.getElementById("close").style.display = "block";
  document.getElementById("chat").style.display = "none";
}

answered Jul 2, 2019 at 23:26

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HIde/Show multiple objects with 1 button in html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related