☰

MyDealz Toggle Description

functionallity to toggle deal descriptions on mydealz.de

当前为 2016-08-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         MyDealz Toggle Description
  3. // @namespace    http://www.mydealz.de/profile/richi2k
  4. // @version      0.1
  5. // @description  functionallity to toggle deal descriptions on mydealz.de 
  6. // @author       richi2k
  7. // @require      https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js
  8. // @match        http://www.mydealz.de/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.     
  15.     $(".thread-body div.section-sub:not(:contains('Weiterlesen'))").each(function(){ 
  16.             var dealDescTogglerElement = $('<div class="deal-desc-toggler">Mehr</div>');
  17.             dealDescTogglerElement.addClass("link");
  18.  
  19.             $(this).css({
  20.                 "max-height": $(this).height() + "px",
  21.                 "height": "100px",
  22.                 "overflow" : "hidden"
  23.             }).addClass("toggled").after(dealDescTogglerElement);
  24.         
  25.     });
  26.     $(document).on("click", ".deal-desc-toggler", function() {
  27.         var dealDescription = $(this).siblings(".thread-body .section-sub");
  28.         
  29.         if(dealDescription.hasClass("toggled")) {
  30.             dealDescription.removeClass("toggled").animate({"height": dealDescription.css("max-height")});
  31.             $(this).text("Weniger");
  32.         } else {
  33.             dealDescription.addClass("toggled").animate({"height": "50px"});
  34.             $(this).text("Mehr");
  35.         }
  36.     });
  37. })();