Минимизируйте таблицы под текстовой ссылкой (уже использовали jQuery и Javascript)

Question

Я пробовал jQuery и переполнение скрытых и переключаемых опций, но ни один из них не позволит мне сделать то, что я хочу сделать с этими таблицами. вот картина того, что я хочу сделать ....

http://26.media.tumblr.com/tumblr_lmvixzfYyY1qzp8feo1_500.jpg

Я хочу, чтобы созданные мной таблицы охватывали весь браузер, я предполагаю, что они немного похожи на вкладки, за исключением того, что я не хочу, чтобы они были видны до тех пор, пока пользователь не нажмет на текстовую опцию; Я надеюсь, что есть способ - я видел, как это было сделано ранее - чтобы при загрузке страницы был виден только текст, а затем, когда пользователь нажимает на текст, изображение и параметры раскрываются. Код, который я пробовал, работает только для одной ссылки, или код конфликтует, и таблицы не являются на 100% одинаковыми. Извините, я скажу вам, что я достаточно прост в своих знаниях по кодированию, но любая помощь очень ценится!

culturecouture.cc

Answer 1

вы можете использовать:

$("#mytabs .shouldBehidden").hide();

Или я надеюсь, что этот код прояснит потенциальные методы и предоставляется jQuery Tools!

// Place the filter in the appropriate position
$("#new-filter-tab").before(data.filter);
$("#new-filter-pane").before(data.content);

// Remove the existing Tabs instance
$("ul.filter-tabs").removeData("tabs");
// Recreate the Tabs
$("ul.filter-tabs").tabs("div.filter-panes > div");
var filters = $("ul.filter-tabs").tabs();

// And select the new filter
var filterCount = filters.getTabs().length;
filters.click(filterCount - 1);

Answer 2

альтернатива jquery-ui jquery-tools может быть: http://flowplayer.org/tools/demos/tabs/index.html