Как свернуть строку купон?

[antorus]

Собственно сабж. Как можно свернуть строку купон, но, чтобы покупатель мог раскрыть и увидеть эту строку. Ну или в крайнем случае уменьшить ее. 

[Eldaeron]

antorus, по разному можно например через js + css код. (Необходима библиотека jQuery)

 

Например при клике на блок #coupon показывать дополнительный ниже блок, и закрывать также при клике.

<script>
    var self = $('#coupon');
	var block = $('#coupon-entry');

	self.click(function() {
		self.toggleClass("open");
		block.toggleClass("open");
	});
</script>

<style>
  #coupon {
    background: #FFF;
  }
  #coupon.open {
    background: #CCC;
  }
  #coupon-entry {
    display: none;
  }
  #coupon-entry.open {
    display: block;
  }
<style>

 

Змінено 5 липня 2017 користувачем Eldaeron

[antorus]

Спасибо большое, хотя я ничего не понял, вернее понял, что я в этом не шарю =)))