drakulawz,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function () {
$('#vegOn').click(function () {
$('.hamburger').replaceWith('<li class="portobello"><em>Portobello Mushroom</em></li>');
$('.meat').each(function() {
var tofu = $('<li class="tofu"><em>Tofu</em></li>');
tofu.data('meat', $(this))
tofu.after(this);
$('.tofu').parent().parent().addClass('veg_leaf');
$(this).remove();
});
$(".fish").parent().parent().hide();
});
$('#restorMe').click(function () {
$('.portobello').replaceWith('<li class="hamburger">hamburger</li>');
$('.tofu').each(function () {
$(this).data('meat').after(this);
$(this).parent().parent().removeClass('veg_leaf');
$(this).remove();
});
$(".fish").parent().parent().show();
});
});
</script>
</head>
<body>
<div id="menu_wraper">
<div id="topper">
<h2>Our Menu</h2>
<ul>
<li class="nav"><button id="vegOn">Go Vegetarian</button></li>
<li class="nav"><button id="restorMe">Restore menu</button></li>
</ul>
</div>
<h4>Dinner Entrees</h4>
<div class="left_col">
<ul class="menu_entrees">
<li>
<p>Thai-style Halibut</p>
<ul class="menu_list">
<li>coconut milk</li>
<li class="fish">pan-fried halibut</li>
<li>early autumn vegetables</li>
<li>Thai spices</li>
</ul>
</li>
<li>
<p>Braised Delight</p>
<ul class="menu_list">
<li class="meat">lamb shoulder</li>
<li>cippolini onions</li>
<li>carrots</li>
<li>baby turnip</li>
<li>braising jus</li>
</ul>
</li>
<li>
<p>House Grilled Panini</p>
<ul class="menu_list">
<li class="meat">prosciutto</li>
<li>provolone</li>
<li>avocado</li>
<li>sourdough roll</li>
</ul>
</li>
<li><p>House Slider</p>
<ul class="menu_list">
<li>eggplant</li>
<li>zucchini</li>
<li class="hamburger">hamburger</li>
<li>balsamic vinegar</li>
<li>onion</li>
<li>carrots</li>
<li>multigrain roll</li>
<li>goat cheese</li>
</ul>
</li>
<li>
<p>Southwest Slider</p>
<ul class="menu_list">
<li>whole chiles</li>
<li class="hamburger">hamburger</li>
<li>pepperjack cheese</li>
<li>multigrain roll</li>
</ul>
</li>
</ul>
</div>
<div class="right_col">
<ul class="menu_entrees">
<li>
<p>Frittata</p>
<ul class="menu_list">
<li class="meat">eggs</li>
<li>Asiago cheese</li>
<li>potatoes</li>
</ul>
</li>
<li>
<p>Coconut Soup</p>
<ul class="menu_list">
<li>coconut milk</li>
<li class="meat">chicken</li>
<li>vegetable broth</li>
</ul>
</li>
<li>
<p>Soup Du Jour</p>
<ul class="menu_list">
<li class="meat">grilled steak</li>
<li>mushrooms</li>
<li>vegetables</li>
<li>vegetable broth</li>
</ul>
</li>
<li>
<p>Hot and Sour Soup</p>
<ul class="menu_list">
<li class="meat">roasted pork</li>
<li>carrots</li>
<li>Chinese mushrooms</li>
<li>chili</li>
<li>vegetable broth </li>
</ul>
</li>
<li>
<p>Avocado Rolls</p>
<ul class="menu_list">
<li>avocado</li>
<li>whole chiles</li>
<li>sweet red peppers</li>
<li>ginger sauce</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>