Скритият CSS текст е незаконен за търсачките?

Ето основни примерни кутии, CSS и JS, които създадох за jQuery Modal Box.

<!-- hidden boxes // -->
<div id="content_1" class="box">
    <h1>First Box</h1>
    <p>Content goes here...</p>
</div>
<div id="content_2" class="box">
    <h1>Second Box</h1>
    <p>Content goes here...</p>
</div>
.....

<!-- links for boxes // -->
<a href="/bg#content_1" class="link">Show First Box</a>
<a href="/bg#content_2" class="link">Show Second Box</a>

<!-- css // -->
<style>
.box {
    display: none;
}
</style>

<!-- javascript // -->
<script type="text/javascript">
$(document).ready( function() {
    $('.link').click( function() {
        // process modal
    });
});
</script>

Така че, когато потребителят щракне върху връзката Първа/Втора кутия, изскачащият модален прозорец на jQuery със съдържание. Моята цел не е да скрия текста. Чух и прочетох в някои блогове, Google ще предприеме действия със скрит текст. Моят начин незаконен/лош ли е за SEO? ИЛИ има ли по-добър начин да направите това без display:none?