javascript - One function to toggle multiple hidden elements? -

javascript - One function to toggle multiple hidden elements? -

This is just a snippet but I will have many different links on the page. Each link has a different hidden associated with it. The elements will be there. I'm trying to avoid writing 100 different slide toggles details for each link to bring up each of my hidden elements. Is it anywhere?

  & lt ;! DOCTYPE html public "- // W3C // DTT XHTML 1.0 Transitional // N" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd"> & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link href = 'favicon.ico' rel = 'icon' type = 'image / jpg' / & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; / Head & gt; & Lt; Script type = "text / javascript" src = "jquery.js" & gt; & Lt; / Script & gt; & Lt; Style type = "text / css" & gt; .county {font: "Trebchett MS", Ariel, Helvetica, non-serif; } .countystats {background-color: blue; display none; } & Lt; / Style & gt; & Lt; Script type = "text / javascript" & gt; $ ('County'). Click (function () {$ (this) .find ('CountyStates') Slide Toggle ('sharp')}); & Lt; / Script & gt; & Lt; One class = "county" href = "javascript:;" & Gt; A & lt; / A & gt; & Lt; Br / & gt; & Lt; One class = "county" href = "javascript:;" & Gt; Two & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "countystats" & gt; Stats a & lt; / Div & gt; & Lt; Div class = "countystats" & gt; Stats two & lt; / Div & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; / Body & gt; & Lt; / Html & gt;    I will show div for 'one' and 'two statistics' for link 'two' to show 'one' to 'statistics one' in advance thank you.   
 
  You can use:  
  $ ('.county '). Click (function () {var it is = $ (this). Index (); $ ('. Countystats'). Eq (this) slideshow (300);});   .  
 Note that I have removed  br  from html to get the  index ()  correctly. If you need a one-per-line of  one  elements, use it:  
  A {display: block;    
 
 
 
  
  
  
   

 


  







03:22

















Get link





Facebook





X





Pinterest





Email





Other Apps




Comments





Post a Comment







Popular Posts




google chrome extension - Reason for Uncaught Error: Attempting to use
a disconnected port object -



    While retrieving the request from the content script, I get this error in the background page. Does anyone know that this error What can be the reason?   Full stack trace:    Unwanted error: Attempt to use Chrome / Renderer Extension Binding Disconnected Port Objects: 147 Chrome.port Post Message Chrome / Renderer Extension Binings: 147 ChromeHird.port DicePatchOnConnect.Connect Event Chrome / Renderer Extension Binings: 89IExtension.fu SendResponse.state background.js: 1573db.readTransaction.tx.executeSql.paramStr background.js: 1038    This only happens when Reloading extension is not being helpful for a few hours - it is not that after restarting the Chrome browser it will be a solution that becomes normal for a few hours, content script may continue to send requests for background No response can be sent from the background. Is there any way that I can catch this unwanted error and reset the listener?   I am using chrome.extension.onRequest.addListener for my communication. Bef...






visual studio 2010 - How to reinstall MVC 2 tools for VS2010? -



    I uninstalled ASP.Net MVC 2 device for Visual Studio 2010. How can I restore it? MVC2 downloads seem to include only the VS2008 device.   Whatever I said, says that MVC 2 has been included in VS2010, but the installation of an improvement did not fix it, and MVC 2 is not listed. Add VS2010 / Select a component in the Remove screen.      You will get your VS2010ToolsMVC2.msi VS2010 DVD under WCU \ ASPNETMVC - hopefully it will do!    






Git Bash script to check whether repo has any commits? -



    I have a script on which I need to work differently if there is one, which is one or more , Commits. What is the best way to do this?   Something like this will appear in the proxy code.    #! / Bin / bash if [[`git log_count`] ==" 0 "]]; Then there is no commodity for this repo. # What goods ... and echo are "one or more committed!" # What are the other things?    Any ideas?      you can    git rev-parse -verify HEAD    (after :)     This is a pipeline command, and its behavior vs. "  git diff " There is very little possibility to change   I find it more pronounced  rev-parse -verify  means "is this a valid object name?"    This is your  show-ref .  You ask "Is there anything in this safe / head in the safe?"  I ask, "what current  head  exists?"   In practice, both of these are fair tests, because once you have a branch, so to achieve the  HEAD , some mock values will indicate manually lack of editing It is very diffic...








Powered by Blogger