Skip to content Skip to sidebar Skip to footer
Home / Css / Html / Javascript / Jquery / Onclick

Load Content Into Div Only On Click With Additional

Post a Comment
Ok Im trying to do a few different things but they are all pretty simple. I can only find answers that somewhat give a piece of what Im trying to do and when I mix and match differ

Solution 1: 

<html>
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
    <body>
        <div id="navigation">
            <a href="welcome.html" rel="#content">Welcome</a>
            <a href="frog.html" rel="#image">Frog</a>
            <a href="lamma.html" rel="#image">Lamma</a>
        </div>
        <div id="content"></div>
        <div id="image"></div>
        <script>
          $(function(){
            $('#navigation').on('click','a',function(e){
              e.preventDefault();
              $($(this).attr('rel')).load($(this).attr('href'));
            });
          });
        </script>
    </body>
</head>
</html>

Demo: https://oteck.co.uk/sample/load.html


Post a Comment for "Load Content Into Div Only On Click With Additional"