Меню и DIV

[dedulka]

Добрый день

Есть один html-макет на css

Каждый div описывает css

Хочу вставить меню, но что-бы при выборе пункта внутри div подгружалася свой html файл

<div class="tabs"><ul id="Tabs">	<li id="TwoTab" class="Tab"><a href="#Two" onclick="Two(); return false;">Вторая</a></li>	<li id="OneTab" class="SelectedTab"><a href="#One" onclick="One(); return false;">Первая</a></li></ul></div>

<div id="block6">

<div id="Content">

<!-- Первая -->

<div id="One">

<p>Группа символов для объема 1...</p>

</div>

 

<!-- Вторая -->

<div id="Two" style="display: none;">

<p>Группа символов для объема 2...</p>

</div>

</div>

</div>

 

пробовал iframe-но он всю разметку сбивает

Как можно сделать?

Спасибо

[rus]

http://dimox.name/universal-jquery-tabs-script/

[dedulka]

http://dimox.name/universal-jquery-tabs-script/

Спасибо , но ней пойдет

Там меню и содержимое во в одном div. Т.е. не разнести по странице

[rus]

вы имеете ввиду: <div class="section"> ?

так не используйте его и все. внимательнее смотрите, в нашем деле внимательность - прежде всего.

[dedulka]

вы имеете ввиду: <div class="section"> ?

так не используйте его и все. внимательнее смотрите, в нашем деле внимательность - прежде всего.

Пробовал меню в один div , а содержимое в другой- ессно не сработало. Мыслю так-пункты меню  зацепить(типа якоря) с селектом в диве содержимом. 

[rus]

покажите как вы пробовали

[dedulka]

покажите как вы пробовали

в css описываю блоки 

#block4 {height:70px;padding-right: 228px; padding-left: 300px; }#block7 {height:200px;padding-right: 228px; padding-left: 300px; }

В блоке 4 само меню 

<div id="block4"><ul class="tabs"><li class="current">Первая вкладка</li><li>Вторая вкладка</li><li>Третья вкладка</li><li>Червертая вкладка</li></ul></div>

далее идут 5 и 6 DIV по макету. А в 7 блоке содержание  

<div class="section"><div class="box visible"><p>Локаята принимает во внимание онтологический закон исключённого третьего, открывая новые горизонты. Идеи гедонизма занимают центральное место в утилитаризме Милля и Бентама, однако гегельянство поразительно. Отношение к современности амбивалентно творит интеллект, изменяя привычную реальность.</p><p>Апостериори, созерцание понимает под собой позитивизм, однако Зигварт считал критерием истинности необходимость и общезначимость, для которых нет никакой опоры в объективном мире. Закон исключённого третьего, следовательно, абстрактен. Катарсис рефлектирует трагический знак, открывая новые горизонты.</p></div><div class="box"><p>Закон внешнего мира, как принято считать, реально рассматривается знак, отрицая очевидное. Гегельянство творит катарсис, хотя в официозе принято обратное. Апперцепция подчеркивает смысл жизни, ломая рамки привычных представлений. Представляется логичным, что адживика откровенна.</p><p>Априори, закон внешнего мира принимает во внимание естественный гедонизм, ломая рамки привычных представлений. Концепция реально творит гедонизм, учитывая опасность, которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего движения.</p><p>Созерцание осмысляет трансцендентальный бабувизм, хотя в официозе принято обратное. Бабувизм абстрактен. Знак, следовательно, понимает под собой субъективный язык образов, ломая рамки привычных представлений. Деонтология непредвзято подчеркивает даосизм, при этом буквы А, В, I, О символизируют соответственно общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное суждения.</p></div><div class="box"><p>Структурализм, как следует из вышесказанного, заполняет из ряда вон выходящий дуализм, однако Зигварт считал критерием истинности необходимость и общезначимость, для которых нет никакой опоры в объективном мире. Суждение осмысляет интеллект, однако Зигварт считал критерием истинности необходимость и общезначимость, для которых нет никакой опоры в объективном мире.</p><p>Сомнение, по определению, непредвзято заполняет знак, изменяя привычную реальность. Современная ситуация, следовательно, подрывает трагический смысл жизни, однако Зигварт считал критерием истинности необходимость и общезначимость, для которых нет никакой опоры в объективном мире. Гносеология категорически порождает и обеспечивает непредвиденный смысл жизни, отрицая очевидное.</p></div><div class="box"><p>Деонтология создает примитивный даосизм, открывая новые горизонты. Даосизм, как принято считать, амбивалентно представляет собой примитивный структурализм, не учитывая мнения авторитетов. Предмет деятельности транспонирует язык образов, учитывая опасность, которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего движения.</p><p>Даосизм, по определению, создает здравый смысл, учитывая опасность, которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего движения. Сомнение, следовательно, преобразует гений, ломая рамки привычных представлений. Сомнение трогательно наивно.</p><p>Жизнь откровенна. Предмет деятельности, как следует из вышесказанного, абстрактен. Искусство, как следует из вышесказанного, нетривиально. Гетерономная этика непредвзято понимает под собой смысл жизни, при этом буквы А, В, I, О символизируют соответственно общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное суждения.</p><p>Здравый смысл, как принято считать, творит бабувизм, отрицая очевидное. Суждение, следовательно, амбивалентно. Искусство, по определению, подчеркивает данный позитивизм, открывая новые горизонты. Единственной космической субстанцией Гумбольдт считал материю, наделенную внутренней активностью, несмотря на это заблуждение рефлектирует субъективный дуализм, не учитывая мнения авторитетов.</p></div></div>

В хедере css & js подключил

Edited December 29, 2014 by dedulka

[rus]

выложите код на http://jsfiddle.net/ там проще отлаживать.

[dedulka]

выложите код на http://jsfiddle.net/ там проще отлаживать.

http://jsfiddle.net/7o1rf08n/1/

Edited December 29, 2014 by dedulka

[rus]

http://jsfiddle.net/rus333/6mg10vtp/1/

 

блок див wrap - вы в любом случае будете оборачивать всю эту кухню в какой-то один родительский блок.

[dedulka]

http://jsfiddle.net/rus333/6mg10vtp/1/

 

блок див wrap - вы в любом случае будете оборачивать всю эту кухню в какой-то один родительский блок.У

 

Вот схему макета сделал, что-бы легче было понять что хочу получить

Edited December 29, 2014 by dedulka

[rus]

и в чем сложность: http://jsfiddle.net/rus333/6mg10vtp/2/ ?

[dedulka]

и в чем сложность: http://jsfiddle.net/rus333/6mg10vtp/2/ ?

ООО

Точно!

Спасибки!!!