how to disable/hidden a list element using Javascript or jQuery

Question

Once my eraser is clicked, I want the color to hidden or shouldn't show its dropdown elements. I tried..here is my partial code.

   $('#chooseEraser').mousedown(function(e){
        curTool = "eraser";
        checkEraser = true;
        $('#color').remove();
    });

Here is the link

As of now, nothing happens if I press "Color" there... Was it meant to be like that ? — Shrinath
– Shrinath, Commented Mar 6, 2011 at 5:12
What's wrong with $('#color').css("visibility","hidden");? — Sebastián Grignoli
– Sebastián Grignoli, Commented Mar 6, 2011 at 5:14
@use hide() instead of .remove as it removes the html completly. — kobe
– kobe, Commented Mar 6, 2011 at 5:15
As of now, after I click "eraser" ..I still see the "color" even after adding $('color).hide(); — dragonfly
– dragonfly, Commented Mar 6, 2011 at 5:23

Sebastián Grignoli · Accepted Answer · 2011-03-06 05:43:06Z

1

I just tried $("#color").hide(); and it did work on your page.

Your code is just missing the # symbol.

Also, try using jQuery instead of just $: jQuery("#color").hide();. The $ shortcut might not always be available (redefined in some scopes).

edited Mar 6, 2011 at 5:43

answered Mar 6, 2011 at 5:32

Sebastián Grignoli

33.7k18 gold badges75 silver badges90 bronze badges

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

3 Comments

dragonfly Over a year ago

I didn't miss #..I see it there. Anyways its not working for me..I didn't understand

Sebastián Grignoli Over a year ago

dragonfly.zymichost.com/Canvas/js/canvas6.js is missing the # on line 111.

Sebastián Grignoli Over a year ago

Nevermind. Neat experiment that you're doing with the canvas element, by the way.

kobe · Accepted Answer · 2011-03-06 05:16:43Z

1

I don't exactly understand your question and I don't think you're doing anything wrong in your code. But just for clarification, there are a few ways that you can hide/disable elements using jQuery:

This will hide the element but the element will continue to take up space on the page:

$('#colorId').css('visibility', 'hidden');

This will hide the element and no longer occupy any space on the page:

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

This will disable the element:

$('#colorId').attr('disabled', 'disabled');

edited Mar 6, 2011 at 5:16

kobe

15.9k15 gold badges67 silver badges93 bronze badges

answered Mar 6, 2011 at 5:15

Johnny Oshika

58k41 gold badges197 silver badges286 bronze badges

Collectives™ on Stack Overflow

how to disable/hidden a list element using Javascript or jQuery

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related