Neo
July 23, 2018, 9:28am
1
I found that the pages that lists all the forums were too cluttered with the forum descriptions, so I added a bit of jQuery to hide the forum descriptions and to fade them in and out on mouseover:
<script>
$(document).ready(function() {
jQuery(".neo-forum-description").hide();
jQuery(".neo-forum-title-desc-subforums").hover(function(){
jQuery(this).find(".neo-forum-description").fadeToggle(1000);
});
});
</script>
Experimented with both 1 and 2 second fadeToggle display, and settled on 1 second.
Neo
July 25, 2018, 1:10am
2
Change this to fadeIn only (not toggle):
<script>
$(document).ready(function() {
jQuery(".neo-forum-description").hide();
jQuery(".neo-forum-title-desc-subforums").hover(function(){
jQuery(this).find(".neo-forum-description").fadeIn(1000);
});
});
</script>
Neo
July 25, 2018, 1:19am
3
Update:
Changed to:
<script>
$(document).ready(function() {
jQuery(".neo-forum-description").hide();
jQuery(".neo-forum-title-desc-subforums").hover(function(){
//jQuery(this).find(".neo-forum-description").fadeIn(1000);
jQuery(".neo-forum-description").fadeIn(2000);
});
});
</script>