CODEWITHSUNDEEP
javascripthtml
Ryan Tan
Ryan Tan

Reputation: 35

show element not working

Hi I have a problem with my function, when I call it to show my hidden div it does not work. It does not show the hidden div. I followed previous examples from what have been posted in stackoverflow but still my code does not work.

This is my html file

<div id="playTheGame" class="css/outer" style="display:none;" >
    <div class="css/inner">      
        <h1>Choose!</h1>
                    <section id="hand">
                <img src="images/rock.png">
                <img src="images/paper.png">
                <img src="images/scissors.png">
            </section>
 </div>
 </div>

My Function

<script>
function logSuccess(){
    document.getElementById("playTheGame").style.visibility="visible";
}
</script>

The Button I used for the function

<input type="button" onclick="logSuccess()" value="Show">

Upvotes: 0

Views: 608

Answers (2)

Afzaal Ahmad Zeeshan
Afzaal Ahmad Zeeshan

Reputation: 15860

There are two options for this:

One using JavaScript: 

object.style.display="block"; // where object will be the playThemGame id element..

And the other one using jQuery; JavaScript library.

$("#playTheGame").show();

The option two won't work, because you will have to write the event function too, So just use the first one as: 

document.getElementById("playTheGame").style.display="block";

Edit:

Since you are using 

document.getElementById("playTheGame").style.display="block";

To disply the result, then you must use this to remove the display!

document.getElementById("playTheGame").style.display = "none"; to hide it back!

The basic idea is that, this will just shift the object-->style-->display's value to none Its not going to add any more attribute. Its just going to shift current attribute's value.

Upvotes: 0

user2625787
user2625787

Reputation:

Change your code to this

document.getElementById("playTheGame").style.display = "block";

Since you hid it using the display property, show it using the display property.

Upvotes: 1

Related Questions