Jquery div in iframe hide and text show

Jquery div in iframe hide and text show

<iframe></iframe> - hide
<div>Offline mode!</div> - show?
jquery
kishan patel

Answers 1

Submit Answer
  • Sunil Patel

    If u want to manipulate iframe's elements, then u can have a great support from this tutorial.

    If u want to hide the iframe, then here is a simple example is given for u-

    $(document).ready(function(){
    $("iframe").hide();

    $("#hide").click(function(){
        $("iframe").hide();
        $("p").show();
    });
    $("#show").click(function(){
        $("iframe").show();
        $("p").hide();
    });
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>


<iframe src="http://www.w3schools.com/html/demo_iframe.htm" width="200" height="200"></iframe>

<p>Offline Mode</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

    Re-

    I am not clear about your requirement yet, so I had to answer in this 2 way.

Related Articles