iframe - jQuery hiding an <li> title when using a slideToggle -


i have created iframe show login area or register area. used .slidetoggle show 1 frame while hiding other. trouble i'm having is, how hide 'register' title when login frame shown. right title shows below frame. thinking of doing if/else, don't know how word it. need title not show @ bottom of iframe. here code. in head of page.

<script type="text/javascript"> $(document).ready(function() {     $('.open').click(function() {         $('#login iframe#register').slidetoggle(300);         $(this).toggleclass(close);     });     $('.open2').click(function() {         $('#login iframe#log').slidetoggle(300);         $(this).toggleclass(close);     }); }); </script>

and here of page navs.

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/main.css" type="text/css"> <link rel="stylesheet" type="text/css" href="css/iframe.css"> <script src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function() {     $('.open').click(function() {         $('#login iframe#register').slidetoggle(300);         $(this).toggleclass(close);     });     $('.open2').click(function() {         $('#login iframe#log').slidetoggle(300);         $(this).toggleclass(close);     }); }); </script>  <title>kurdistan post::top stories</title> </head> <body id="home"> <div id="wrappper">    <div id="top">  <div id="hamicon"><img src="images/hamicon.gif" alt="hamburger icon dropdown menu"></div>           <div id="language">                      <ul id="languagenav">                         <li><a href="#">kurdish</a></li>                         <li><a href="#">turkish</a></li>                         <li><a href="#">russian</a></li>                     </ul>                 </div>  <div id="login"> <ul id="archivenav">     <li><a href="#">archive</a></li>     <li><a href="#">subscribe</a></li>     <li class="open2"><a href="#">log in</a></li>     <iframe src="login.html" id="log" scrolling="no"></iframe>     <li class="open"><a href="#">register</a></li>     <iframe src="register.html" id="register" scrolling="no"></iframe>                   </ul>             </div>         </div>  <div id="header"> <div id="datewrap" <p class="date"><time datetime="2014-04-26">april 26, 2014</time></p>                  </div>   <div id="logowrap">                  <h1 id="logo"><img src="images/kpost-logo.gif" alt="kurdistan post"></h1>                 </div>   <div id="search">    <form id="searchfield"> <input name="q" placeholder="kurdistan post archive"> <input type="submit" value="go">     </form>      </div>       </div>     <div id="main-menu"> <nav id="main-nav"> <ul>         <li><a href="#">top stories</a></li>     <li><a href="#">kurdistan</a></li>     <li><a href="#">world</a></li>     <li><a href="#">economy</a></li>     <li><a href="#">analysis</a></li>     <li><a href="#">columnists</a></li>     <li><a href="#">commentary</a></li>     <li><a href="#">technology</a></li>     <li><a href="#">sports</a></li>     <li><a href="#">women</a></li>     <li><a href="#">life</a></li>                        </ul> </nav> </div>


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based
Read more

thorough guide for profiling racket code -

did googling ("racket profiling", "racket measure performance"), didn't find , there no examples in docs. did google "profile" search on htdp - no luck. (profile (f ...)) output isn't obvious other small snippets. ideally want python's python -m cprofile usage examples. when search "python profiling", both duckduckgo , google give top result: 26.4. python profilers . (although scanned quickly, seems more of reference "thorough usage guide" examples. if had else in mind, perhaps please link that?) the equivalent racket documentation be: profile: statistical profiler . a usage example: #lang racket (require profile) (profile-thunk (thunk (function-to-profile arg0 arg1) )) here (thunk e) convenience (lambda () e) . bigger example: #lang racket (module mod racket (provide f) (define (f) (for/list ([i 10000]) i))) (require (prefix-in mod: 'mod)) (define (f) (for ([i 10000
Read more