javascript - How to remove active class by mouse click -


I have created two boxes that will change the background to the hover and the active position. Here's my job:

There, when I click on "One", it will be set to the active state (Green Background). no problem. When I click on "Two", it will be set to active status and "A" will return to its previous state (gray background). It is also good for me

But, I want that when "one" is set on an active state, at that time, if I click on "One", then that general position (gray background) ) But the same event should also be for "two". How can I make it?

My applicable script: 

  $ ('toggle'). Click (function () ($. 'Toggle'). RemoveClass ("active"); $ (this) .toggleClass ("active");});   
  ........... UPDATE ...........   
 Krishna Help me with this: Click  
  $ ('toggle') (function () {$ ('toggle'). (Not this) .removeClass ("active") ; $ (This) .toggleClass ("active");});   
 I have seen an issue that should be updated for my project The issue is: If "a" is on "active" status, at that time, if a user is "one ", It will return back to its original state. But, if the user does not remove his mouse pointer from that button, then that button also looked at the green background. This is for hover color. Therefore, if a user repeatedly clicks a button, he will not be able to understand whether the state has changed or not, until he / she's pointer is transferred.  < P> Therefore, I need (when the mouse pointer is not mounting by the user): If a person clicks the "One" button, then it turns into a "green background". If the user clicks on "One" again, he will change to "gray background" (to understand that the change is not to move the user to his mouse pointer). At least the hover should be disabled in color, if the user clicks the mouse pointer again without the button    
 
 
  No (this)   
  
  Use $ ('toggle'). Click (function () ($ ('. Toggle'). No (this) .removeClass ("active"); $ (this) .toggleClass ("active");});   
 EDIT:  
 ME @ ROCO C The touch of Bulzon liked in CSS, to separate the hover vs. click (in comments)  
  
 . Toggle: Hover {background: # 888; } .toggle.active {background: green; }

Comments

Post a Comment

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

I get the error every time, I try to compile. I'm not sure why anyone can help is? I'm new to verilog. Module D_FF (clerk, d, reset_n, q); Input D, Clack, reset_en; Output Q; reg Q; lab4_gdl f1 (.lk (~ clk), d (d), .q.m (qm)); lab4_GDL f2 (.Clk (Clk), D (QM), .Q (Q)); Always start at @ (posedge clk, neggeous reset_n) (Reset_n == 0) Q & lt; = 0; Other questions & lt; = D; Edit End: The problem is what we are asking to do: In this section, you apply the memory / registration circuit on the AlterEdie 2 board. will do. The circuit has the following specifications: The present value of swift SW15-0 on the D2 board should be shown in four hexadecimal four sections of HEX3-0. This part of the circuit will be combination logic. To use an active-less asynchronous reset and KEY1 to use KEY0 as the clock input, you must store SW15-0in in a 16-bit register in the value The register should be enabled to have a 16-bit positive edge, which uses the embedded D flip-flo
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon
Read more