Показывать div только в соответствии с выбором из списка меню и скрывать остальные

Question

У меня есть Меню, в котором, когда пользователь выбирает из списка меню, отображается, что div и остальные скрыты, у меня есть огромный список меню, есть ли такая функция, которая отображает только тот div, Может ли кто-нибудь помочь, пожалуйста ....

Answer 1

Это не очень хорошо сформулированный вопрос, но я думаю, что вы хотите дать все свои div, которые можно показать определенному классу, и дать каждому ond id:

<div class="revealPanel" id="panel1">
<!-- Content -->
</div>

<div class="revealPanel" id="panel2">
<!-- Content -->
</div>

<div class="revealPanel" id="panel3">
<!-- Content -->
</div>
<!-- etc. ... -->

Youпомечал этот запрос с помощью jquery-ajax, поэтому я предполагаю, что вы знаете, как включить jQuery на свою страницу и т. д. Определите функцию javascript, чтобы скрыть все div и показать указанный:

function ShowPanel(panelId)
{
    jQuery('.revealPanel').hide();

    if (panelId != null)
    {
        jQuery(panelId).show();
    }
}

А теперь просто вызовите эту функцию из каждой ссылки вашего меню с правильным идентификатором, например:

<a href="javascript:ShowPanel('panel1');>Show Panel 1</a>

Конечно, я мог неправильно истолковать ваш вопрос, и даже если у меня его нет, я призываю васпредоставьте более подробную информацию в своих вопросах - используйте фрагменты кода, чтобы показать, как вы создали свое меню и т. д.

Удачи!

Answer 2

HTML:

<ul>
   <li class="one">One</li>
   <li class="two">Two</li>
   <li class="three">Three</li>
</ul>

<div id="one"> Div one </div>
<div id="two"> Div two </div>
<div id="three"> Div three</div>

CSS:

div {
    display:none;
}

li {
    cursor:pointer;
}

JQuery:

$('li').click(function(){
    $('div#' + $(this).attr('class')).show().siblings().hide();
});