JQuery Show/Hide Div

Question

Я пытаюсь добиться такого.

У меня есть всего 4 div. каждый div имеет флажок.

Так что, как этот

1 2 3 4

То, что я хочу сделать это, когда 2, 3, 4 ДИВ флажок являются выбираемыми. Но как только div будет проверен, еще два div будут скрыты.

Предположим, что если я выберу 3, 2 и 4 будут скрыты. До этого уровня я могу это сделать. Но проблема в том, что я получил около

После 2 и 4 скрывается. Макет стал таким:

1 3

2 и 4 div все еще там, поэтому между ними все еще существует интервал между ними.

То, что я хочу, чтобы получить только

1 3

Как я могу добиться этого?

Answer 1

, что если вы делаете что-то вроде этого (чтобы удалить innerHTML внутри дивы.):

$ ("Div # 1, отд # 3") HTML ("");

Будет ли это работать ???

Answer 2

Из того, что я могу понять, вы, кажется, не скрываете divs, а содержимое div. Чтобы сделать их полностью невидимыми, вам необходимо использовать метод hide().

$("#div2, #div4").hide(); 

это будет принимать дивы из страницы поток полностью

Answer 3

поставленного на флажки:

onclick="return swapdivs('div4');" 

поставил это DIVS

<div id="div4"> 
</div> 

И это ваш JS:

function swapdivs(id){ 
    $("#"+id).toggle("fast"); 
    return false; 
    };