Вертикальное меню, которое скрывает div

Question

Вертикальное меню, которое скрывает div

0

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

Вот что я сделал до сих пор:

<ul class="menu">
    <li class="option">option1</li>
    <li class="option">option2</li>
    <li class="option">option3</li>
</ul>

<div class="content1">
</div>
<div class="content2">
</div>
<div class="content3">
</div>

Общая идея состоит в том, чтобы создать вертикальное меню, в котором каждый параметр может скрыть предыдущий div (кто бы ни был div) и показать текущий. Проблема в том, что я не знаю, как заставить jQuery скрыть предыдущий div тем, кем он может быть.

SpyrosJevan 29 нояб. 2013, в 15:32

Источник

0

Можете ли вы рассказать нам, что вы пытались? hide() - это команда jquery, которая вам нужна, вам просто нужно найти способ обойти DOM .. api.jquery.com/hide
msturdy 29 нояб. 2013, в 14:43

Теги:

jquery

html

menu

hide

1 ответ

Ещё вопросы

Можете ли вы рассказать нам, что вы пытались? hide() - это команда jquery, которая вам нужна, вам просто нужно найти способ обойти DOM .. api.jquery.com/hide

Bhadra · Accepted Answer · 2013-11-29T12-12-00.000Z

Try some thing like this

<ul class="menu">
     <li class="option">option1</li>
     <li class="option">option2</li>
     <li class="option">option3</li>
</ul>

<div class="content">
</div>
<div class="content">
</div>
<div class="content">
</div>

$(function(){
    $('.option').click(function(){
        var index=$(this).index();
        $('.content').hide().eq(index).show();
    });

    $('.content').eq(0).hide();
})

Спасибо, мой друг, это то, что я искал :)