greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

start working on accordion caret animation

pull/6214/head
Quincy Larson 2016-01-16 01:21:05 -08:00
parent 1d23f855a2
commit 57f7e04f44
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/main.js
View File

@ -278,12 +278,13 @@ $(document).ready(function() {
$('.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");
});
// I am going crazy trying to get this to work. Any takers?
// $('.collapse').on('show.bs.collapse', function(){
// console.log(this);
// $(this).sibling().eq(0).find(".fa-caret-right").removeClass("fa-caret-right").addClass("fa-caret-down");
// }).on('hide.bs.collapse', function(){
// $(this).sibling().eq(0).find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-right");
// });
$('#showAll').on('click', () => {
var mapExpanded = $('#showAll').hasClass('active');

5
server/views/map/show.jade
View File

@ -20,9 +20,10 @@ block content
#nested
for challengeBlock in superBlock.blocks
h3
i.fa.fa-caret-right
|  
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse'+challengeBlock.name.replace(/(\W)/gi, '').split(' ').join('-'))
i.fa.fa-caret-right
|  
|  
| #{challengeBlock.name} (#{challengeBlock.time})
div.margin-left-10(id = "nested-collapse"+challengeBlock.name.replace(/\W/gi, '').split(' ').join('-') class = "collapse map-collapse no-transition")