Как скрыть div на клик и изменить html в другом

Question

У меня есть простой запрос (все еще изучающий javascript). У меня есть заголовок div и 3 divs (с привязным тегом внутри каждого) под ним. В основном, что я хочу, это когда вы нажимаете на один из тегов привязки, что этот конкретный тег привязки должен скрывать (на самом деле его родительский div), а текст в заголовке заголовка выше должен измениться. Как я могу это сделать? См. overly simplified example.

Answer 1

Попробуйте это - http://jsfiddle.net/gGAW5/54/

$(document).ready(function() { 
    $("a").click(function() { 
     $("#myTitle").html($(this).html()); 
     $(this).hide(); 
    }); 
}); 

Answer 2

Вы смешением доступ JQuery DOM и простой доступ к DOM, который будет вызывать некоторые проблемы. Используйте переключатель $('#id') вместо document.getElementById ('blah');

Чтобы сделать DIV исчезают по щелчку:

$('#mydiv').click(
    function() 
    { 
     $(this).hide(); 
     $('#otherdiv').html('new html'); 
    } 
); 

Answer 3

Не уверен, чтобы это то, что вы ищете Check demo.

Вы смешиваете javascript с jquery. Вы можете скрыть элемент что-то вроде этого

$(this).hide();