Line 14: | Line 14: | ||
− | |||
+ | |||
+ | $(".control_button").click(function(){ | ||
+ | |||
+ | $(this).next(".expand_content.more").fadeToggle(400); | ||
+ | $(this).toggleClass("less"); | ||
+ | }); | ||
Line 609: | Line 614: | ||
border-top: 1px solid #d3d3d3; | border-top: 1px solid #d3d3d3; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .expand_content { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .expand_content.first { | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | |||
+ | .expand_content.more { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .expand_content.control_button { | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | border-radius: 50%; | ||
+ | margin: 0px 5px; | ||
+ | border: 2px solid #00bdcd; | ||
+ | background-color:#00bdcd; | ||
+ | color:#ffffff; | ||
+ | width: 20px; | ||
+ | padding-bottom: 1px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | .expand_content.control_button:hover{ | ||
+ | color:#00bdcd; | ||
+ | background-color:#ffffff; | ||
+ | border: 2px solid #00bdcd; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .control_button::before { | ||
+ | content: "+"; | ||
+ | } | ||
+ | |||
+ | /* this is the icon for when the content is expanded */ | ||
+ | .control_button.less::before { | ||
+ | content: "–"; | ||
+ | } | ||
Revision as of 20:31, 3 February 2017