html - jQuery selectors issue -


So, I have a list with several items, each with 2DIVs in my display: none;

The problem is when it is clicked on the link every divs are visible.

"https://s3.amazonaws.com/fvd-data/notes/245168/1421950648-DvDqfs/screen.png" alt = "">

HTML 

  & lt; Div class = "song-info" & gt; & Lt; Ul & gt; & Lt; Li class = "etter" & gt; & Lt; A href = "#" class = "licenses" & gt; LICRIS & LT; / A & gt; & Lt; / Li & gt; & Lt; Li class = "etree" & gt; & Lt; A href = "#" square = "credit" & gt; Credit & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "purchase" & gt; & Lt; A href = "#" & gt; Buy & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; Span class = "playout" & gt; & Lt; / Span & gt; & Lt; / Li & gt; & Lt; Li class = "track-duration" & gt; (4:18) & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt ;! - /.song-info - & gt; & Lt; Div class = "cf" & gt; & Lt; / Div & gt; & Lt; Div class = "container-lyricus" & gt; & Lt; A href = "http://www.nirvana.com" & gt; Nirvana & lt; / A & gt; Nevermind & lt; / Div & gt; & Lt; Div class = "container-credit" & gt; & Lt; A href = "http://www.nirvana.com" & gt; Nirvana & lt; / A & gt; Nevermind & lt; / Div & gt;

js 

  $ (document) .ready (function () {$ (function () {var lycris = $ (". Lycris"); Var credits = $ ("credit"); $ (Laikis). Click (function () {$ ('container-sellers'). ToggleClass ("block");}); $ (credit). Function () {$ (container-credit). ToggleClass ("block");});});}); Assume that  content.container-lycris  and < Code> .container-credits  In fact, you have given different names to identify between them (your description means that everyone is actually given the name), you have to target the other Must specify. Easily possible with the  data  attribute.  
 
 
 
  $ (document) .ready (function () {$ (function () {var lycris = $ (". Lycris "); $ (Laikis). Click (function () {$ ('* [Data-id =' '+ $ (this) .data (' tar ') +' "] '). Toggleclass (" block ");});});});  
 
  .container-lycris {display: none;} .block {display: block;}   lang-html prettyprint-override">  
  ul> 
  •   a class = "license" data-TR = "2" href = "#" & gt; credit & lt; / a & gt; & lt; / li & gt; & lt; li class = "Purchase" & gt; & lt; a href = "#" & gt; Buy & lt; / a & gt; & lt; / li & gt; & Lt; Li & gt; & Lt; Span class = "plain" & gt; & Lt; / Span & gt; & Lt; / Li & gt; & Lt; Li class = "track-duration" & gt; (4:18) & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt ;! - /.song-info - & gt; & Lt; Div class = "cf" & gt; & Lt; / Div & gt; & Lt; Div data-id = "1" class = "container-licensed" & gt; & Lt; A href = "http://www.nirvana.com" & gt; Nirvana & lt; / A & gt; Nevermind 1 & lt; / Div & gt; & Lt; Div data-id = "2" class = "container-licensed" & gt; & Lt; A href = "http://www.nirvana.com" & gt; Nirvana & lt; / A & gt; Jessfield:  
     Because the functionality is similar between two , because    
     click ()  the functions you've done , Use only one class and specify different  data  id There is no reason to do two things that do the same thing. 
     
     I hope it helps. ^^ 
     
    •

    Comments

    Post a Comment

    Popular posts from this blog

    python - Overriding the save method in Django ModelForm -

    I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
    Read more

    html - CSS autoheight, but fit content to height of div -

    I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
    Read more

    qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

    I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
    Read more