используя jquery, какой самый простой способ скопировать меню википедии (со стрелками)

Question

Я хочу скопировать меню в левой части Википедии

существует ли какой-нибудь плагин jquery для расширения и свертывания или мне нужно написать его с нуля?

В частности, я хочу, чтобы стрелки вправо и вниз показывали, что это интерактивное меню

Answer 1

$('selector').slideToggle('fast');

См. Документацию jQuery для получения дополнительной информации: http://docs.jquery.com/Main_Page

Попробуйте это:

<div class="title">Title</div>
<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>
<div class="title">Title</div>
<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

Стили:

.title
{
    padding-left:10px;
    background-image: url("ui/right_arrow.png") no-repeat;
}
.title.selected
{
    background-image: url("ui/down_arrow.png") no-repeat;
}

И ваш JQuery:

$('.title').live('click', function ()
{
    $(this).toggleClass('selected');
    $(this).next().slideToggle('fast');
});

Answer 2

Используйте виджет аккордеона в jQuery UI и стилизуйте его так, как вам нравится.Или вы можете использовать эффект переключения.