javascript - How to make the pop to stay after clicking on Register or Login button in the Popup -


here link working on. so, can't able create jsfiddle huge template.

the problem in top right section (login).

i can click on login , the pop-up window appears shows "login" , "register".

but if click on "register" tab, entire pop-up window disappears.

how can fix it?

here related html

<i class="dropdown profile-dropdown"> <a id="expandmenus" class="dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs"> <i class="fa fa-user"></i> login</span> <b class="caret"></b> &nbsp;&nbsp;&nbsp;<i class="bag fa fa-star">0</i> </a> <ul class="dropdown-menu dropdown-menu-right" style="min-width: 300px">     <!-- login starts--> <div class="col-lg-12" style="background-color:#efefef"> <div class="main-boxallau clearfixallau" style="background-color:#efefef"> <div class="tabs-wrapper profile-tabs" style="background-color:#efefef"> <ul class="nav nav-tabs" style="background-color:#efefef"> <li class="active" style="background-color:#efefef;width:47%;padding:-2px 10px 10px 24px;margin: 0px 0px 0px 5px;"> <a data-toggle="tab" id="showloginarea" style="color:black;border: 2; border-bottom: 2px solid #43882c;border-right: 1px solid #43882c;outline: 0;height: 36px;"> <b style="margin:0px 0px 0px 18px">login</b></a></li> <li class="" style="background-color:#efefef;width:40%"> <a data-toggle="tab" style="color:black;height:36px;" id="showregisterarea"><b style="margin:0px 0px 0px 13px">register</b></a></li> </ul> <div class="tab-content"> <div class="tab-pane fade active in" id="loginarea"> <div id="login-box-innerallau" style="background-color:#efefef;margin-top: -6%;"> <form role="form" action="http://cube.adbee.technology/index.html"> <div class="input-group">  <input class="form-control" type="text" placeholder="email id" style="border:none;background-color:#efefef;  border-bottom:1px;width:135%; border: 0;  border-bottom: 1px solid #d0c8c8 outline: 0; "> </div> <div class="input-group">  <input type="password" class="form-control" placeholder="password" style="background-color:#efefef;width:135%; border: 0;  border-bottom: 1px solid #d0c8c8 outline: 0; "> </div>  <br> <div id="remember-me-wrapper"> <div class="row"> <div class="col-xs-6"> <div class="checkbox-nice"> <input type="checkbox" id="remember-me"> <label for="remember-me" style="font-size:11px;margin:0px 0px 0px -6px !important"> keep me logged in </label>  </div> </div> <a href="forgot-password.html" id="login-forget-link" class="col-xs-6" style="font-size:12px" ;margin:-2px="" 0px="" -20px=""> forgot password </a>  </div> </div> <br> <div class="row"> <div class="col-xs-12"> <button type="submit" class="btn btn-success col-xs-12">login</button> </div> </div> <br>  </form> </div> </div> <div class="tab-pane fade active in" id="registerarea" style="display:none"> <div id="login-box-innerallau" style="background-color:#efefef;margin-top: -6%;"> <form role="form" action="http://cube.adbee.technology/index.html"> <div class="input-group">  <input class="form-control" type="text" placeholder="email id" style="border:none;background-color:#efefef;  border-bottom:1px;width:135%; border: 0;  border-bottom: 1px solid #d0c8c8 outline: 0; "> </div> <div class="input-group">  <input type="password" class="form-control" placeholder="password" style="background-color:#efefef;width:135%; border: 0;  border-bottom: 1px solid #d0c8c8 outline: 0; "> </div> <div class="input-group">  <input type="password" class="form-control" placeholder="password" style="background-color:#efefef;width:135%; border: 0;  border-bottom: 1px solid #d0c8c8 outline: 0; "> </div> <div id="remember-me-wrapper"> <div class="row"> <a href="forgot-password.html" id="login-forget-link" class="col-xs-6" style="font-size:12px" ;margin:-2px="" 0px="" -20px=""> forgot password </a> </div> </div> <div class="row"> <div class="col-xs-12"> <button type="submit" class="btn btn-success col-xs-12">login</button> </div> </div> <br> <div class="row"> <div class="col-xs-12 col-sm-6"> <button type="submit" class="btn btn-primary col-xs-12 btn-facebook"> <i class="fa fa-facebook"></i> facebook </button> </div> <div class="col-xs-12 col-sm-6"> <button type="submit" class="btn btn-primary col-xs-12 btn-twitter"> <i class="fa fa-twitter"></i> twitter </button> </div> </div> </form> </div> </div>   </div> </div> </div> </div>  <!-- login ends -->  </ul> </li>

replace line 4: of custom.js $(".dropdown").toggleclass("open");

with

$("#expandmenus").toggleclass("open");

you toggling whole menu on every click of class .dropdown

login , register have class dropdown


Comments

Post a Comment

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

i have ec2 instance mongodb 3.2.0 installed. have user admin access. can connect user , perform operation remotely. 1 can connect database test remote if knows ip mongo 11.11.11.11. although not able make operations, want restrict access user credentials can connect server. first need create users , grant roles users, example: use admin db.createuser( { user: "myuseradmin", pwd: "abc123", roles: [ { role: "useradminanydatabase", db: "admin" } ] } ) then need start server --auth parameter mongod --auth more information here
Read more

r - Update two sets of radiobuttons reactively - shiny -

i have read ( how make choices in radiobuttons reactive in shiny? ) shows me how update radiobutton s in reactive way. however, when try , update 2 sets of buttons same data, 1 set renders. example: server: # create example data wafer <- rep(c(1:3), each=3) length <- c(1,1,2,1,1,1,3,5,1) width <- c(3,1,6,1,1,1,1,1,6) dd <- data.frame(wafer, length, width) shinyserver(function(input, output, session){ # create reactive dataframe store data values <- reactivevalues() values$df <- data.frame() # lengths , widths of wafer user input <- eventreactive(input$do, { subset(dd, wafer %in% input$wafer, select = length:width) }) # update reactive data frame lengths , widths have been selected user input observe({ if(!is.null(a())) { values$df <- rbind(isolate(values$df), a()) } }) output$wl <- renderdatatable({ a() }) # update radio buttons unique length , widths stored in values$df # ever "observe" put first in co...
Read more

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -

i'm working on app using core data , nsfetchedresultcontroller many reasons switch use realm. saw there "realm version" of nsfetchedresultcontroller on github wouldn't compatible current code using core data. the view controller displaying list of people same school, address book. list sublist of people studied in same city. so thinking make 1 unique request database retrieve list of people , filter locally list within 1 dictionary per school [string: anyobject] string section name within tableview , anyobject array of people. first solution, make nsfetchedresultcontroller each school predicate filtering location. delete actions etc.. handled delegates -> not compatible realm create dictionaries , update them each actions... -> works realm it's annoying code. any better solution? edit: i need clarify request: i'd write class inherit uitableviewcontroller. this class has list of people sorted in alphabetical order the tableview has ...
Read more