Александр Пономаренко

Решил проблему следующим образом.

$(document).ready(function() {

    var headers = $('.opener');
    var contentAreas = $('.slide').hide()
    .first().show().end();
    var expandLink = $('.show-all');

headers.click(function() {
    // close all panels
    contentAreas.slideUp();
    // open the appropriate panel
    $(this).next().slideDown();
    // reset Expand all button
    expandLink.text('Показать все')
    .data('isAllOpen', false);
    // stop page scroll
    return false;
});

expandLink.click(function(){
    var isAllOpen = !$(this).data('isAllOpen');
    console.log({isAllOpen: isAllOpen, contentAreas: contentAreas})
    contentAreas[isAllOpen? 'slideDown': 'slideUp']();
    
    expandLink.text(isAllOpen? 'Скрыть все': 'Показать все')
    .data('isAllOpen', isAllOpen);    
});

});

Ответ сам додумал.

$(document).ready(function(){

$('.enter-data').on('click', function(e){
$(this).css({
display: 'none'
});
var hidden = true;

e.preventDefault();

$(document).bind('click.myEvent', function(e){
console.log($(e.target))
if (!(hidden) && $(e.target) != $('.enter-data') && $(e.target).closest('#show-info').length == 0) {
$('.enter-data').css({display: 'block'});
$(document).unbind('click.myEvent');
};

hidden = false;
})
})
});