JQuery .slideToggle nefunguje

31. 7. 2012 09:04:27

Dobrý den,

moc rád bych touto cestou oslovil někoho zkušeného, kdo by mi dokázal poradit s jednám skriptem.

Na stránce mám výpis položek, kde každý položka obsahuje tlačítko "detail produktu". Cílem je, že pokud uživatel klikne na zmíněné tlačítko, rozevře se mu pod .category_item_text nový div .category_item_detail.

Nevíte jak na to?

Předem děkuji za přínostné reakce.

KamilB

31. 7. 2012 09:04:27

https://webtrh.cz/diskuse/jquery-slidetoggle-nefunguje#reply791193

800XE

(8 hodnocení)

31. 7. 2012 09:17:32

Ahoj. Mělo by to fungovat takhle:

<!doctype html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8" />
        <script src="js/jquery.js"></script>
        <script>
            $(function() {
                $(".category_item_product_detail").click(function() {
                    $(this)
                        .parent()
                        .next()
                        .slideToggle();
                });
            });
        </script>
        <style>
            .category_item_detail {
                display: none;
            }
        </style>
    </head>
    <body>
        <div class="category_item_text">
            <h4>
                <a href="" title="">
                    Koloběžka
                </a>
            </h4>
            <span class="category_item_preferences">
                <b>Size: 15"</b>
            </span>
            <span class="category_item_product_detail">
                Product detail
            <span>
        </div>
        <div class="category_item_detail">
            Ahoj
        </div>
    </body>
</html>

a v html si oprav chybu:

31. 7. 2012 09:17:32