Я застрял с этой проблемой: я хочу показать конкретные div в зависимости от выбора пользователя. Div являются вложенными, и лучший должен быть нацелен на некоторый идентификатор.

Это алгоритм / карта сайта, которую я хочу визуализировать на экране:

Навигация / карта сайта http://oi57.tinypic.com/1zq8xhw.jpg

И это мой первый набросок:

HTML:

<div class="buttons">
    <button class="showButton" target="1">Button 1</button>
    <button class="showButton" target="6">Button 2</button>
    <button class="showButton" target="3">Button 3</button>
</div>
<div id="div1" class="targetDiv">Content of div 1.<br />
    <button class="showButton" target="4">open 4</button>
    <button class="showButton" target="5">open 5</button>
    <div id="div4" class="targetDiv">This is div 4.</div>
    <div id="div5" class="targetDiv">This is div 5.</div>
</div>
<div id="div2" class="targetDiv">Content of div 2.<br/>
    <button class="showButton" target="9">open 9</button>
</div>
<div id="div3" class="targetDiv">Content of div 3.<br/>
    <button class="showButton" target="6">open 6</button>
    <div id="div6" class="targetDiv">Content of div 6.<br />
        <button class="showButton" target="9">open 9</button>
        <button class="showButton" target="10">open 10</button>
    </div>
</div>

JavaScript:

jQuery(function () {
    jQuery('.showButton').click(function () {
        jQuery('.targetDiv').hide();
        jQuery('#div' + $(this).attr('target')).show('slide');
    });
});

http://jsfiddle.net/5TDg9/6E2Gv/

Если вы нажмете кнопку в Div 2, Div 9 должен появиться.

Есть идеи?

добавлено 30.03.14:

Для более подробного объяснения я хочу показать вам пример использования скрипта:

Представьте себе этот алгоритм, например:

 [Изображение из: Трансплантация костного мозга (2003) 32, 459–469. DOI: 10.1038 / sj.bmt.1704163]

Если вы посмотрите на последние «элементы» этого алгоритма три, есть несколько способов добраться туда. Например, на правой стороне есть один последний «элемент» под названием «Повышение дозы / рассмотреть испытания для резистентной болезни», и есть два способа добраться до этого элемента (один закончен «неадекватный ответ», другой закончен «Нет цитогенной»). ответ").

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

Я сделал свои первые попытки с помощью простой структуры HTML вкладок и просто дублирования последних «элементов». Это работает нормально, но довольно избыточно. Надеюсь, кто-то придумает более подходящее решение.