JQuery скрыть DIV тег, который приложил таблицу внутри него

Question

Например

<div id="hideThis"> 
<button>trigger</button> 
<div>some content</div 
<table> 
    some code... 
</table> 
</div> 
<div id="showThis" class="hidden"> 
</div> 

Как я могу скрыть весь hideThis DIV. потому что, когда я пытаюсь скрыть это, добавленная таблица остается. Я использовал таблицу .html() для таблицы.

я пытался hideThis DIV и показать другой DIV, который скрыт с помощью кнопки ..

$('button').click(function() { 
     $("#hideThis").toggleClass('hidden'); 
     $("#showThis").toggleClass('hidden'); 
    }); 

Answer 1

Ваш код работает отлично. Вам просто не хватало скользящего угла >, чтобы закрыть some content DIV.

Вот это jsFiddle

http://jsfiddle.net/ym1vrsg0/

$('button').click(function() { 
    $("#hideThis").toggleClass('hidden'); 
    $("#showThis").toggleClass('hidden'); 
}); 

Answer 2

JQuery был метод быстрого скрытия и отображения HTML-элементов.

$('button').click(function() { 
    $("#hideThis").hide(); 
    $("#showThis").hide(); 
}); 

Answer 3

попробовать это:.

$ ('#') hideThis скрыть();

$ ('# showThis'). Show();

Answer 4

$('button').click(function() { 
$("#hideThis").hide(); 
$("#showThis").show(); 
}); 

это скрыть класс hidethis и показать showthis класс

здесь скрипку

http://jsfiddle.net/0dr3pfy6/2/