2014-09-17 2 views
-1

Я ищу помощь с исчезновением скрытых div's.
Это то, что у меня есть до сих пор, но, похоже, оно не работает, div просто появляется без выцветания.Попытка заставить скрытый div исчезать при нажатии

$("div").hide(); 
      // Show chosen div, and hide all others 
     $("a").click(function (e) 
     { 
      //e.preventDefault(); 
      $("#" + $(this).attr("class")).show().siblings('div').hide(); 
     }); 

$('.one').click(function(){ 
    $("#one").fadeIn("5000"); 
    }); 

HTML

<body> 
<a href="#" class="one">One</a> 
<a href="#" class="two">Two</a> 
<a href="#" class="three">Three</a> 
<a href="#" class="four">Four</a><br /><br /> 
<div id="one">One</div> 
<div id="two">Two</div> 
<div id="three">Three</div> 
<div id="four">Four</div><br/><br/> 
</body> 
+0

поделиться своей частью HTML также. –

+0

создайте скрипку для этого – Madhesh

+0

'.one' также является якорем, а первая функция щелчка показывает элемент до того, как второй может его затушить. Кроме того, при передаче чисел в' fadeIn' используйте числа, а не строки , – adeneo

ответ

0

SetTimeout (функция() {

$ ("# один") CSS ('дисплей', 'ни');.

}, 5000);

2

Просто нажмите на событие a, как это:

$("div").hide(); 
     // Show chosen div, and hide all others 
    $("a").click(function (e) { 
     //e.preventDefault(); 
     $("#" + $(this).attr("class")).fadeIn(5000).siblings('div').hide(); 
    }); 

Fiddle

0

вы не видите изменения, потому что "One" пребывает в том же положении. Попробуйте скрыть это сперва, тогда вы можете fadeIn

$('.one').click(function(){ 
    $("#one").hide().fadeIn("5000"); 
    }); 
0

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

$("body").on('click', '#button-hide' function(e){ 
    $("#" + $(this).attr("class")).show().siblings('div').hide(); 
}) 

$("body").on('click', '#button-show' function(e){ 
    $("#one").fadeIn("5000"); 
}) 

Для получения более точных ответов, пожалуйста, объясните более подробно проблему. Включите контекст и пример. Салют!

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