jQuery - use function for action

Question

$(function () {

    var counter = 0,
        myElements = $('#element1, #element2');

    function showElement () {
        myElements.hide()  
            .filter(function (index) { return index == counter % 3; }) // figure out correct element to show
            .show('fast'); // and show it

        counter++;
    }; // function to loop through elements and show correct element

    showElement(); // show first element    

    setInterval(function () {
        showElement(); // show next element
    }, 10 * 1000); // do this every 10 seconds    

});

 

Answer 1

function showSto () {
    $('.sto-ads').show();
    $('.sto-ads').addClass('in');
    $('.sto-ads .slide-close').on('click', function(){
      $(this).parent().parent().removeClass('in');
    });
  };

  if ($('body').hasClass('front')) {
    showSto(); 
    console.log('front')
  }
  else {
    showSto(); 
    console.log('not-front')
  }

 

Answer 2

function closePopup() {
  if($('.gold-winner-popup').hasClass('active')) {
    $('.gold-winner-popup').click(function () {
      $(this).fadeOut(400).removeClass('active');
    });
  }
};


$('#pop1').click(function () {
  $('.gold-winner-popup.pop1 ').addClass('active').slideDown(300);
  // use here
  closePopup(); 
});