Couldn't make the dropdown flyout close immediately after radio is selected [closed]

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Closed 11 years ago.

Improve this question

<div class="Dropdown js-toggle-only open">
            <div>
              <span>
                  Cat (once select radio, value will be appended)
                </span>
            </div>
            <div class="DropdownMenu js-toggle-only open">
                <label>
                  All
                </label>
                <input type="radio" name="section" checked>

                <label>
                  Dog
                </label>
                <input type="radio" name="section" value="Dog">

                <label>
                 Horse
                </label>
                <input type="radio" name="section" value="Horse">
            </div>
          </div>

JQuery

var radios = $("input[name='section']");
if (radios.is(':checked')){
    var toggle = $('js-toggle-only');
    toggle.removeClass('open');
}

Tried click or if to have 'open' class removed, but open class stayed. When the dropdown flyout opened, it should be closed immediately after selecting one of the radios. Couldn't figure how to force or take open class out once one radio is selected.

T J · Accepted Answer · 2014-10-12 09:36:18Z

0

You're missing . in the class selector

var radios = $("input[name='section']");
if (radios.is(':checked')){
  var toggle = $('.js-toggle-only');
//----------------^ here
  toggle.removeClass('open');
}

answered Oct 12, 2014 at 9:36

T J

43.2k13 gold badges87 silver badges142 bronze badges

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

4 Comments

joe Over a year ago

thanks but with correction, it wouldn't take class out regardless

T J Over a year ago

@joe Can you create an online demo where it doesn't work, which includes the plugin (*if any) and the rest of code..?

joe Over a year ago

thanks again. used settimeout to force it close immediately after click on radio (timeout 50). it may not be good but because of other script delaying with 300.

T J Over a year ago

@joe Other than the typo, your code works fine here. so i'm voting to close the question, if the issue persists, then please update the fiddle or question with the rest of code required to reproduce the issue..

Collectives™ on Stack Overflow

Couldn't make the dropdown flyout close immediately after radio is selected [closed]

JQuery

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

JQuery

1 Answer 1

4 Comments

Related