Search code examples
javascriptjquerycsssocial-networkinglinkedin-api

jQuery vs LinkedIn on .show() : content is not displayed

I have this code :

HTML:

<a id="openDiv" href="javascript:void(0);">Show</a><br /><br />

<div id="control" style="display:none;">
    <div class="linkedin_3">
        <script type="IN/CompanyInsider" data-id="1035" data-modules="innetwork,newhires,jobchanges"></script>
    </div>
</div>    

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>

jQuery:

$("#openDiv").click(function () {
    $("#control").fadeIn();
});

Now, opening the div with jQuery's show, the LinkedIn module is loaded, but in fact some field are invisible. It works on Chrome, not on Firefox/IE and so on.

Why? Where am I wrong? Tried also with .show(), but nothing change...

Solution

  • If you can, you could replace display:none with visibility:hidden and change it via jQuery to visible, it is working: http://jsfiddle.net/HMNQG/5/

    Tested in IE.