OnClick расширить DIV в JQuery и скрыть другой DIV

Question

Что я должен сделать, чтобы когда OnClick расширяться и когда нажмите на другую закрыть другой или будет очень длинная страница

<script language="javascript"> 
var ie4 = false; 
if(document.all) { ie4 = true; } 

function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } } 
function toggle(link, divId) { 
    var d = getObject(divId); 
    if (d.style.display == \'\') { d.style.display = \'none\'; } 
    else { d.style.display = \'\'; } 
} 

Answer 1

EDIT:

Я только что прочитал ваш комментарий и думаю, что теперь я лучше понимаю ваш вопрос. Я думаю, что это то, что вы ищете:

Образец DEMO:http://jsfiddle.net/mp2xn/1/

<ul> 
    <li class="q">Question One</li> 
    <li>first answer to question one</li> 
    <li>second answer to question one</li> 
    <li class="q">Question two</li> 
    <li>first answer to question two</li> 
    <li>second answer to question two</li> 
    <li class="q">Question three</li> 
    <li>first answer to question three</li> 
    <li>second answer to question three</li> 
</ul> 

и Jquery Код:

$('li:not(".q")').hide(); 

$('li.q').click(
    function(){ 
     $('li:not(".q")').slideUp(); 
     $(this).nextUntil('.q').slideDown(); 
    }); 

Answer 2

я не совсем понимаю, что вы хотите сделать, но, возможно, toggle() function может вам помочь. потому что одним из его применений является открытие закрытого объекта (display: none -> display: block) и скрыть открытый объект (display: block -> display: none)

объект может быть, например, (дел)

Answer 3

Предполагая, что у вас есть HTML-структуру как следующее:

<ul id="faqs"> 
    <li> 
     <p class="heading">First FAQ question</p> 
     <p>First FAQ answer</p> 
    </li> 
    <li> 
     <p class="heading">Second FAQ question</p> 
     <p>Second FAQ answer</p> 
    </li> 
    <li> 
     <p class="heading">Third FAQ question</p> 
     <p>Third FAQ answer</p> 
    </li> 
</ul> 

Я хотел бы использовать что-то вроде этого (так как вы поставить этот вопрос в категории Jquery):

$(document).ready(function() { 
    $('#faqs > li > p:last-child').hide(); 
    $('#faqs > li:first-child > p:last-child').show(); 
    $('#faqs > li').on('click', function() { 
     $('#faqs > li > p:last-child').hide(); 
     $(this).children('p:last-child').show(); 
    }); 
}); 

Демо-версия: http://jsfiddle.net/TPPxP/12