JavaScript toggle

Question

I made a JavaScript function to hide a link on click of button and its work here the function

    <script type="text/javascript">
function toggle() 
{
    var ele = document.getElementById("yui-gen1");
    var text = document.getElementById("windows");
    if(ele.style.display == "block") {
            ele.style.display = "none";
    }
    else {
        ele.style.display = "block";
    }
} 
</script>

But when it hidea the next link replace its place. I want nothing to replace its place, I want its place after the hiding to be just empty. Is there any way to do that?

Could you include the relevant HTML?

g_thom
– g_thom

2011-08-03 10:20:45 +00:00
Commented Aug 3, 2011 at 10:20 — g_thom
– g_thom, Commented Aug 3, 2011 at 10:20

Bakudan · Accepted Answer · 2011-08-28 03:31:30Z

3

Assuming I've understood your question correctly, your problem is that display:none causes the affected element to take up no space in the document. What you need is the visibility property, which hides the affected element but keeps it's space in the document:

ele.style.visibility = "hidden";

and

ele.style.visibility = "visible";

should work, instead of display.

edited Aug 28, 2011 at 3:31

Bakudan

19.5k9 gold badges56 silver badges76 bronze badges

answered Aug 3, 2011 at 10:20

James Allardice

166k22 gold badges335 silver badges316 bronze badges

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

Comments

sidogg · Accepted Answer · 2011-08-03 10:22:41Z

0

Try setting visibility instead. Visibility will still take up the space that the button occupied, it just won't show it. Display removes it altogether so the space will be taken up by the next element.

answered Aug 3, 2011 at 10:22

sidogg

1971 silver badge9 bronze badges

Collectives™ on Stack Overflow

JavaScript toggle

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related