JQuery: Показать / Скрыть Div

Question

У меня есть следующий Javascript в конце тела моего HTML:

<script>

$(document).ready(function() {

    $("a").click(function(event) {

        var div_to_show=event.target.id;

        var real_div=div_to_show.split('-');

        var display_div=real_div[0];

        var elementPos=$("#"+div_to_show).offset();

        var top_pos=elementPos.top-118.5;           

        $('#board-right div').hide(); 

        $("#" + display_div).css('margin-top',top_pos); 

        $("#" + display_div).show(); 

    });

});

</script>

А вот HTML, которым он должен манипулировать:

<div id="board-left">
<div id="board-names">
    <a id="marci-link">Marci Weisler</a><br />
    <a id="nicholas-link">Nicholas Rey</a><br />
</div>
</div><!-- #board-left -->



<div id="board-right">
    <div id="marci" style="display:none;">
    <p>
        Marci Weisler is an accomplished...
    </p>
</div>
<div id="nicholas" style="display:none;">
    <p>
        Nicholas Rey is a French-born...
    </p>
</div>      
</div><!-- board-right -->

Итак, код должен получить имя div из нажатой ссылки, удалить часть "-link" и затем показать соответствующий div. В настоящее время ничего не происходит, когда я нажимаю на ссылку. Когда я пишу это, мне интересно, если это проблема css? Есть идеи?

Кстати, в документе есть ссылка на jQuery 1.3.

Answer 1

Используя ваш пример, я обнаружил, что мне пришлось добавить атрибут href = '#' к гиперссылкам, а затем добавил event.preventDefault () в качестве первой строки в вашем обработчике кликов.

Как и в случае с Pramod SyneITY, верхняя позиция должна оцениваться как положительное значение для видимого текста.

Answer 2

если вы отметите http://jsfiddle.net/pramodpv/YvYBD/,

, вы обнаружите, что верхняя позиция отрицательна.вопросы, чтобы люди могли работать над вашим кодом и давать более быстрые ответы ... Большинство prb, вы сами найдете ответ: D