Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #4602 from edx/db/expand-on-click-or-enter

Browse Source 
make expanding explanation accessible
This commit is contained in:
David Baumgold
2014-08-07 08:45:47 -04:00
parent e99a14eb3f 9b99213b02
commit 74f5adae00
1 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
common/templates/course_modes/choose.html
View File

@@ -15,13 +15,27 @@
<%block name="js_extra">
<script type="text/javascript">
var expandCallback = function(event) {
event.preventDefault();
$(this).next('.expandable-area').slideToggle();
var title = $(this).parent();
title.toggleClass('is-expanded');
if (title.attr("aria-expanded") === "false") {
title.attr("aria-expanded", "true");
} else {
title.attr("aria-expanded", "false");
}
}
$(document).ready(function() {
$('.expandable-area').slideUp();
$('.is-expandable').addClass('is-ready');
$('.is-expandable .title-expand').click(function(e) {
e.preventDefault();
$(this).next('.expandable-area').slideToggle();
$(this).parent().toggleClass('is-expanded');
$('.is-expandable .title-expand').click(expandCallback);
$('.is-expandable .title-expand').keypress(function(e) {
if (e.which == 13) { // only activate on pressing enter
expandCallback.call(this, e); // make sure that we bind `this` correctly
}
});
$('#contribution-other-amt').focus(function() {
@@ -103,7 +117,10 @@ $(document).ready(function() {
<%include file="_contribution.html" args="suggested_prices=suggested_prices, currency=currency, chosen_price=chosen_price, min_price=min_price"/>
<div class="help-tip is-expandable">
<h5 class="title title-expand"><i class="icon-caret-down expandable-icon"></i> ${_("Why do I have to pay? What if I want a free honor code certificate?")}</h5>
<h5 class="title title-expand" tabindex="0" aria-expanded="false" role="link">
<i class="icon-caret-down expandable-icon"></i>
${_("Why do I have to pay? What if I want a free honor code certificate?")}
</h5>
<div class="copy expandable-area">
<dl class="list-faq">