Forums

JosiahB

hey! I have this code on jsfiddle that I would like to impliment into my website ... but for some reason can not get it to work ... this is a link to the jsfiddle ... http://jsfiddle.net/JosiahB/zNXtq/1/ ... here is a link to the code on my website ... http://bible.comze.com/popup.html

Any help would be greatly appreciated ... thanks!!! :)

also here is the html markup ...

  <html>
  <head>
  <style type="text/css">
  .pro3a {
      padding:0px;
      margin-top:10px;
      margin-left:18px;
      color:#3B88CB;
      font-size: 16px; 
      font-weight: thinner;
      white-space: nowrap;
      display: block;
  }

  #show-hide
  {
      display:none;
      margin: 0;
      padding: 0;
      clear:both;
  }

  #show-hide .highlighted
  {
      display:block;
      margin: 0;
      padding: 0;
      clear:both;
  }

  #related-btn
  {
      margin: 0;
      padding: 0;
      background-image: url(../../upload/down_chev.png);
      background-repeat:no-repeat;
      background-position: right;
      background-color:#ffffff;
      padding-right: 20px;
      border:none;
      overflow:hidden;
      outline:none;
      white-space: nowrap;
      height:30px;
      cursor:pointer;
      display:block;
      color:#3B88CB;
      font-size: 16px; 
  }

  .chev-up
  {
      /*background-image: url(../../upload/down_chev.png) !important;*/
      color: #00f !important;
      display: block;
  }
  </style>

  <script type="text/javascript">
    $(function() {
    $("#related-btn").hover(function() {
      if(!$(this).data('pinned'))
        $("#show-hide").toggle("slow");
    });
    $("#related-btn").click(function() {
      $(this).data('pinned', !$(this).data('pinned'));
    });
});
  </script>

  <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  </head>
  <body>
  <div class="pro3a">

    <button type="submit" id="related-btn" title="Vis relaterte produkter" value="">Click me!</button> 
  </div>

  <div id="show-hide">
      <div id="relatedProducts">

        Hey How are you doing?

      </div>
  </div>

</body>
</html>

treehouse : what would you like to learn today?

Forums

[Solved] Little help to get this to work ...