jquery - Toggle icon on collapse events -


I have asked this a few times, but I think there can be no work to do for me, I think That's for some answers or older versions of bootstrap in this forum.

First of all I should tell that I am still learning JS and not good at it, but my position is here. I have an emergency style collapse on which I am trying to change the class when the group is either open or closes, in this way the icon I am using is open from an open icon Switch will be.

This is my markup: 

  & lt; div class = "panel-group" id = "accordion" & gt; & Lt; div class = "panel-panel-default" & gt; & Lt; div class = "panel-title" & gt; & Lt; H4 square = "panel-title" & gt; & Lt; Data-toggle = "fall" data-parent = "# accordion" href = "# collapseOne" & gt; & Lt; span class = "accordion-up" & gt; & Lt; / Span & gt; Title & lt; / A & gt; & Lt; / H4 & gt; & Lt; / Div & gt; & Lt; Div id = "collapseOne" class = "collapse in panel-fall" & gt; & Lt; Div class = "panel-body" & gt; Content & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 Here's the CSS:  
  .accordion-up {background: url ("images / accordion-up.png") No-repeatable scrolls 0 RGBA (0, 0, 0, 0); Padding: 5px 20px; } .accordion-down {background: url ("images / accordion-down.png") No-repeat scrolls 0 0 RGBA (0, 0, 0, 0); Padding: 5px 20px; }   
 This is my JS:  
  $ (document) .ready (function () {$ ('# accordion'). Go "(" adrian-down "). AddClass (" erordan-up ");}); $ ('#ordion'). ('Hidden', function () {$ (". Accordion-up ") removeClass ("Ardi-Up"). addClass ("Ardi-Down");});});   
 If someone can help me find out how to toggle these changes, then it would be greatly appreciated.  
 Thank you!  
 
 
 Your callback syntax for Bootstrap 3 is incorrect.  
  $ (document) .ready (function () {$ ('# accordion'). ('Show.bs.collapse', function () {$ (". Accordion-down "). AddClass (" Ardi-Up ");}) $ ('#Adrian'). ('Hidden.bs.collapse', function () {$ (". Accordion-up ") .removeClass (" Ardi -up "). AddClass (" Ardi-Down ");});}); Here is a simple version combining the functions of a function and toggleing classes:  
  $ (function () {}   // Shorthand for the document. $ $ ('# AmpRarian'). ('Shown. BScalls hidden .bss.', Function () {$ ('. Accordion-down, .accordion-up') Toggleclass ('Accordion-down accordion-up');});});

Comments

Post a Comment

Popular posts from this blog

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

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

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -

I use Django 1.6.5 with settings in my program txsite: DEBUG = true I set the lie to debug, but when I get the runner , I get the following error: CommandError: You have to set the settings. OLOWOWHESTS If DEBUG is False I ALLOWED_HOSTS = ['127.0.0.1', 'localhost'] but I get the same error. Does anyone know this address? Try ALLOWED_HOSTS = ['*'] Less secure If you are not on a firewall or public LAN, but what I use and it works. Edit: Interestingly enough, I have to add some of my 1.8 projects, even if DEBUG = True . Why so very uncertain
Read more