2015-01-06 4 views
1

Я бы хотел скрыть один div и показать другой div.jquery slideToggle with siblings не работает

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

Просьба внести необходимые изменения в мой javascript, чтобы div отображался как слайд при нажатии на 1 или 2 для отображения соответствующего div в таблице. Полный пример приведен в this fiddle.

Когда пользователь нажимает на 1 divOne12 должен отображаться, и когда пользователь нажимает 2, должен появляться divTwo12, а предыдущий div должен быть скрыт. Как я могу применить slideToggle() в приведенной ниже функции javascript.

Спасибо.

Ниже JavaScript:

$(function() { 
    $('.navigateTest').click(function() { 
     var t = $(this).data('target'); 
     $('#'+t).show().siblings('div').hide(); 
    }); 
}); 
+0

Не могу понять, где проблема. –

+0

@AlexChar Я считаю, что этот человек пытается заставить divs анимировать с помощью скользящего, а не просто показывать/скрывать – indubitablee

ответ

1

Пример: http://jsfiddle.net/0p7djjnc/9/

$(function() { 
    $('.navigateTest').click(function() { 
     var t = $(this).data('target'); 
     $('#'+t).slideDown(500).siblings('div').slideUp(500); 
    }); 
}); 

Является ли это то, что вы имеете в виду?

+0

Да, это сработало, спасибо. С любыми изменениями мы можем использовать slideToggle()? @Matt Kenefick. – user222

+0

Зависит от того, что вы хотите от него. Вы можете попробовать следующее: http://jsfiddle.net/0p7djjnc/10/ Который будет переключать выбранную ячейку открытой и закрытой, но остальные будут всегда закрываться. Это то, что вы имеете в виду? –

+0

no..it не должен закрываться, если я нажму, чтобы показать уже выбранный div.It должен работать так же, как ваш предыдущий ответ. http://jsfiddle.net/0p7djjnc/9/. Спасибо. @Matt Kenefick – user222