2012-03-31 2 views
0

я пытаюсь показать и скрыть дивы на клик, но что-то не идет вэйJQuery показать скрыть

может кто-то посмотреть на this

то, что я хочу это:

  • , когда люди приезжают на странице они видят содержание первых «новостей» div

  • при нажатии на другой якорь они будут видеть соответствующее содержимое вместо o е предыдущая

  • добавить стиль к линии активного анкера

Я искал весь этот сайт, а также результат в Fiddle

может кто-то помочь мне с этим

+1

А что у вас есть проблемы? Скрытие элементов на клике, похоже, хорошо работает ... –

+0

просто установите второй и третий новостной div в начале отображения: none; –

ответ

3

Вы хотите скрыть все .news, кроме первого?

http://jsfiddle.net/R4ng5/13/

$(".news:not(:first)").hide(); 

И если вы хотите, чтобы стиль активной ссылки: http://jsfiddle.net/R4ng5/14/

$(list).children('li:first').children('a').addClass('active'); 
$('#sidebar a').click(function() { 
    var i = $('#sidebar a').index($(this)); 
    $('.news').hide(); 
    $(".news:eq(" + i + ")").show(); 
    $('#sidebar a').removeClass('active'); 
    $(this).addClass('active'); 
}); 
+0

Фантастическое спасибо, ты помог мне – Jeroen

+0

никаких проблем, рад помочь вам. – Alex

Смежные вопросы