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