You need to use Javascript, attach a click event handler to the buttons that will change out the appropriate content. Here is an article
Given the update to your code, I would recommend using jQuery. jQuery will allow you to do the following:
$('.button').on('click', function () {
$('.body').html('New content.');
});
$('.food').on('click', function () {
$('.body').html('Some other stuff.');
});
0
solved Only change content(body) by clicking different button In HTML/CSS