Javascript function .toggle start on hide?

Question

i have this div
and this function

<div id="audio1" style='display:none; >
    $(document).ready(function() {
        $("#p1").on( "click", function() {
            $("#audio1").toggle(1500);

            });
    });

where do i need to put hide().

Use hide method inside document ready to make the element hidden by default or use css display:none — tkay
– tkay, Commented Sep 20, 2015 at 21:09

yousef · Accepted Answer · 2015-09-20 21:34:18Z

2

hide() makes its style display equals to none

toggle switches between hide() and show() so if u want to hide and show use toggle other wise use hide

<html><head></head><body>

<p>Click the button to display a random number.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo" style="width:100px; height:100px; background-color:blue; display: block;"></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script>

    function myFunction() {
        $('#demo').toggle();
    }
</script>



</body></html>

answered Sep 20, 2015 at 21:34

yousef

1,37212 silver badges14 bronze badges

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

Comments

Alperen Talaslıoğlu · Accepted Answer · 2015-09-20 21:13:24Z

1

I dont know an usage of display like this :

<div id="audio1" display="none" >

You should do like this :

<div id="audio1" style="display: none;" >

OR

$('#audio1').hide();

answered Sep 20, 2015 at 21:13

Alperen Talaslıoğlu

315 bronze badges

Collectives™ on Stack Overflow

Javascript function .toggle start on hide?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related