Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var content = document.getElementsByClassName("show-less-content")[0];
- var content = document.getElementsByClassName("show-less-content")[0];
- <style>
- .show-less-content {
- min-width: 100%;
- width: 100%;
- background: #fff;
- padding: 0px;
- padding-top: 0;
- font-family: calibri;
- font-size: 18px;
- color: #444;
- margin: 0;
- max-height: 105px;
- overflow: hidden;
- -webkit-transition: max-height 0.7s;
- -moz-transition: max-height 0.7s;
- transition: max-height 0.7s;
- }
- .open{
- max-height: 100%;
- -webkit-transition: max-height 0.7s;
- -moz-transition: max-height 0.7s;
- transition: max-height 0.7s;
- }
- <script>
- if (document.readyState == 'loading') {
- document.addEventListener('DOMContentLoaded', ready)
- } else {
- ready()
- }
- function ready() {
- //var content = document.getElementsByClassName("show-less-content")[0];
- var content = document.getElementsByClassName("show-less-content");
- var showButton = document.getElementsByClassName("show-more");
- for (var i = 0; i < showButton.length; i++) {
- showButton[i].addEventListener('click', function(event){
- var buttonLessMore = event.target
- var cartItem = buttonLessMore.parentElement
- //var content = document.getElementsByClassName("show-less-content")[0];
- if (content.className == "open") {
- content.className = ""
- buttonLessMore.innerHTML = "Show More"
- } else {
- content.className = "open"
- buttonLessMore.innerHTML = "Show Less"
- }
- //content.classList.remove("open")
- //content.append(buttonLessMore)
- //content.className += "shop-item"
- })
- }
- </script>
- <?php
- $sql = "SELECT `bestellnummer`, `name`, `preis`, `gewuerzart`, `allergieform`, `zutaten`, `kcal`, `menge`, `img` FROM `gerichte` LIMIT 2";
- $db_erg = mysqli_query( $con, $sql );
- if ( ! $db_erg ) { die("Ungültige Abfrage: $sql <hr>" . mysqli_error()); }
- if (mysqli_num_rows($db_erg) > 0) {
- while ($zeile = mysqli_fetch_assoc($db_erg)) {
- echo '<tr>';
- echo '<td class="tab-cfg"><img class="myImg" src ="'. $zeile['img'] .'"></td>';
- echo '<td class="tab-cfg td-content" width="70%">';
- echo '<div class="show-less-content">';
- echo '<table>';
- echo '<tr>';
- echo '<td>Gericht:</td>';
- echo '<td class="shop-item-title">'.$zeile['name'].'</td>';
- echo '</tr><tr>';
- echo '<td>Bestellnummer:</td>';
- echo '<td class="shop-item-title2">'.$zeile['bestellnummer'].'</td>';
- echo '</tr><tr>';
- echo '<td>Allergieinformation:</td>';
- echo '<td>'.$zeile['allergieform'].'</td>';
- echo '</tr><tr>';
- echo '<td>Gewürzart:</td>';
- echo '<td>'.$zeile['gewuerzart'].'</td>';
- echo '</tr><tr>';
- echo '<td>Zutaten:</td>';
- echo '<td>'.$zeile['zutaten'].'</td>';
- echo '</tr><tr>';
- echo '<td>Nährwert:</td>';
- echo '<td>'.$zeile['kcal'].'</td>';
- echo '</tr><tr>';
- echo '<td>Menge:</td>';
- echo '<td>'.$zeile['menge'].'</td>';
- echo '</tr>';
- echo '</table>';
- echo '</div>';
- echo '<button class="show-more">Show More</button>';
- echo '</td>';
- echo '<td class="tab-cfg-2">';
- echo '<div>Preis:</div>';
- echo '<div class="shop-item-price ">'.$zeile['preis'].'</div>';
- echo '</td>';
- echo '<td class="tab-cfg-3">';
- echo '<button class="btn btn-primary shop-item-button" >In den Warenkorb</button>';
- echo '</td>';
- echo '</tr>';
- }
- } else {
- echo 'Es gibt keine Gerichte!';
- }
- ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement