MyDealz Toggle Description

functionality to toggle deal descriptions on mydealz.de

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         MyDealz Toggle Description
// @namespace    http://www.mydealz.de/profile/richi2k
// @version      0.2
// @description  functionality to toggle deal descriptions on mydealz.de 
// @author       richi2k
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js
// @match        http://www.mydealz.de/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    
    $(".thread-body div.section-sub:not(:contains('Weiterlesen'))").each(function(){ 
            var dealDescTogglerElement = $('<div class="deal-desc-toggler">Mehr</div>');
            dealDescTogglerElement.addClass("link");

            $(this).css({
                "max-height": $(this).height() + "px",
                "height": "100px",
                "overflow" : "hidden"
            }).addClass("toggled").after(dealDescTogglerElement);
        
    });
    $(document).on("click", ".deal-desc-toggler", function() {
        var dealDescription = $(this).siblings(".thread-body .section-sub");
        
        if(dealDescription.hasClass("toggled")) {
            dealDescription.removeClass("toggled").animate({"height": dealDescription.css("max-height")});
            $(this).text("Weniger");
        } else {
            dealDescription.addClass("toggled").animate({"height": "50px"});
            $(this).text("Mehr");
        }
    });
})();