Hi James,
I changed the code from:
$("#almond_cake:checked").val() == 'on')
to:
if ($("#almond_cake").is(':checked'))
to check to see if the radio button is checked. This works in firefox
but in IE it takes a second click for it to work for some reason.
Thanks!
On Jul 2, 12:49 pm, James <james.gp....@gmail.com> wrote:
> Here:
> $("#almond_cake:checked").val() == 'on')
>
> You're checking for the value 'on', but you're setting value="x"?
>
> If you're using that condition, your HTML should look like this:
> <input type="radio" id="almond_cake" name="cakes" value="on" />
>
> See if that works.
>
> (And you don't need a closing </input> tag. It's not valid HTML.)
>
> On Jul 2, 7:45 am, Shiro <nimro...@gmail.com> wrote:
>
> > Hi,
> > I changed it to the following:
>
> > $("#flavors input[name=cakes]").change(function(){
>
> > if ($("#almond_cake").is(':checked')) {
>
> > $("#wrapper_almond").show();
> > $("#pic_almond").show();
> > } else {
> > $("#wrapper_almond").hide();
> > $("#pic_almond").hide();
> > };
>
> > There are more types of 'cakes' listed besides that the one there and
> > this works perfectly fine in Mozilla firefox. However, the ever nasty
> > Internet explorer gave me some problems. Clicking on almond cake radio
> > button is supposed to show the wrapper_almond div, chocolate cake
> > radio button shows wrapper_chocolate div, etc. But in IE, whenever I
> > click on almond cake, nothing happens, and I click on chocolate cake,
> > it shows almond cake instead! There seems to be a delay in clicks
> > somehow. I either have to double click the radio button, or right
> > click after selecting the radio button. Is there a way around this?
> > Any help greatly appreciated!
>
> > Sincerely,
> > Westley
>
> > On Jul 2, 6:00 am, Bharat <bcrupa...@yahoo.com> wrote:
>
> > > Can you try the change event instead of click?
> > > Bharat
