gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Get the expand all / collapse all view working on the map

Browse Source
This commit is contained in:
Quincy Larson
2016-01-16 01:03:22 -08:00
parent 4a767c0016
commit cb972cacc8
3 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
client/main.js
View File

@@ -277,4 +277,23 @@ $(document).ready(function() {
$('.map-aside-action-collapse').on('click', () => {
$('.map-aside').addClass('is-collapsed');
});
$('.collapse').on('show.bs.collapse', function(){
console.log(this);
$(this).siblings().find(".fa-caret-right").removeClass("fa-caret-right").addClass("fa-caret-down");
}).on('hide.bs.collapse', function(){
$(this).siblings().find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-right");
});
$('#showAll').on('click', () => {
var mapExpanded = $('#showAll').hasClass('active');
if (!mapExpanded) {
$('.map-collapse').addClass('in');
$('#showAll').text('Collapse all challenges');
return $('#showAll').addClass('active');
};
$('.map-collapse').removeClass('in');
$('#showAll').text('Expand all challenges');
return $('#showAll').removeClass('active');
});
});