исчезать и исчезать в jquery? - PullRequest
Новая
       16

исчезать и исчезать в jquery?

2 голосов
/ 22 марта 2011

Я хочу использовать .fadeIn(), .fadeOut() для двух разных функций в одном и том же jQuery.

Например : представьте себе форму

, предположим, что нижеэто радиокнопки:

O США - если я выберу США, то fadeIn - города / провинции в США O Канада./ между этой и вышеприведенной радиопереключателем нет никакой связи (США, Канада)

O мужчина - он должен исчезать в пабе, баре и т. д. O женщина - он должен исчезать в торговом центре, спа и т. д.

как можноя делаю в jquery?

1 Ответ

2 голосов
/ 22 марта 2011

jsFiddle Demo

Если я правильно понял, это должно соответствовать вашим потребностям.

HTML 

    <input type="checkbox" id="group1Switch" value="group1" /><label for="group1Switch">group 1</label>
&nbsp;&nbsp;&nbsp;
<input type="checkbox" id="group2Switch" value="group2" /><label for="group2Switch">group 2</label>
<br /><br />
<input type="radio" name="fieldSwitch" id="type1Switch" value="type1" /><label for="type1Switch">type 1</label>
&nbsp;&nbsp;&nbsp;
<input type="radio" name="fieldSwitch" id="type1Switch" value="type2" /><label for="type1Switch">type 2</label>

<br /><br />

<fieldset id="group1">
    <legend>Group 1</legend>
    type 1 <input type="text" class="type1" />
    <br />
    type 2 <input type="text" class="type2" />
</fieldset>
<fieldset id="group2">
    <legend>Group 2</legend>
    type 1 <input type="text" class="type1" />
    <br />
    type 2 <input type="text" class="type2" />
</fieldset>

jQuery 

$('input[type=checkbox]').click(function(){
    var _this = $(this);

    if( _this.is(':checked') ){
        $('#' + _this.val() ).fadeIn();
    } else {
        $('#' + _this.val() ).fadeOut();
    }
});


$('input[type=radio]').click(function(){
    var _this = $(this);

    $('fieldset input.' + _this.val() ).fadeIn();
    $('fieldset input:not(.' + _this.val() +')' ).fadeOut();
});
...