Показать сообщение отдельно
  #10 (permalink)  
Старый 13.08.2018, 14:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
Ответить с цитированием