Đây là một mẹo. Không cần phải thêm javascript (hoặc móc sự kiện đóng hộp màu) cho điều này.
jquery.colorbox chuyển nội dung nội tuyến của bạn thành một cấu trúc nó tạo ra html> thân gốc, trước khi hiển thị nó và di chuyển nó trở lại khi đóng. Đó là một IMO hành vi kỳ lạ, nhưng tận dụng lợi thế và áp dụng 'quy tắc ẩn' của bạn cho phù hợp.
<style>
#div_id_i_want_to_show { display: block; ...your other style rules... }
#divParent #div_id_i_want_to_show { display: none; }
<style>
<div id='parent'><div id='div_id_i_want_to_show'>...
Cách khác, đảo ngược quy tắc và đặt 'quy tắc tiết lộ' tùy thuộc vào yếu tố được xác định hộp màu.
<style>
#div_id_i_want_to_show { display: none; ...your other style rules... }
.colorbox #div_id_i_want_to_show { display: block; }
<style>
<div id='div_id_i_want_to_show'>...
Ồ, ngoài ra, một tùy chọn khác là giữ #div_id_i_want_to_show bên trong một trình bao bọc .hiddenDiv.
<style>
#div_id_i_want_to_show { ...your style rules... }
.hiddenDiv { display: none; }
<style>
<div class='.hiddenDiv'><div id='div_id_i_want_to_show'>...
Bạn có thể bỏ qua những cánh hiển thị và ẩn bằng cách đặt div những gì bạn muốn hiển thị "#div_id_i_want_to_show" bên trong một div ẩn. – mcassano