Как показать DIV связанную ссылку и скрыть другие DIV с помощью JQuery?

Question

Как я резюмировал в теме, я хочу показать DIV, связанный с нажатой ссылкой, и скрыть другие DIVs с JQuery. Чтобы понять, что я говорю, посетите Worldlines

Вы увидите там темы, связанные с некоторыми новостями. Когда кто-то нажал на тему, новостной div соскользнет вниз, нажав на тему, и ранее прочитанный новостной div скроется.

Я думаю, что я сказал, что хочу четко.

Спасибо,

Answer 1

JQuery Accordion - это то, что я ищу. Вы можете найти его здесь http://jqueryui.com/demos/accordion/

Answer 2

Вы добавите скрипт в начале вашего HTML, как так:

<script type="text/javascript" src="/jquery-1.4.1.min.js"></script> 
<script type="text/javascript"> 

    function showPanel2() { 
    $('#Panel1').hide(); 
    $('#Panel2').show(); 
    } 

</script> 

Это скрыть одну панель и показать другим. «Panel1» и «Panel2» - это просто идентификаторы панелей, которые вы будете показывать или скрывать. И тогда вы будете иметь следующий код на кнопке:

<input type="button" onclick="showPanel2();" value="Submit" /> 

Это должно быть достаточно просто изменить, если вы хотите, чтобы скрыть несколько панелей.