javascript - Jquery accordion menu built using tables -


Says the same as the title ... I need help creating a better edarian menu with jquery animation. However, the menu is created using the table and I do not have access to HTML. Even so far I have this, but I am not happy with the result (it is very jerky).

jq16 = jQuery.noConflict (true); Jq16 (document) .ready (function () {jq16 ("td.categorySidebar table tr"). Each (function () {// IE fix - get all tr ​​and rebuild it at the end of the table jq16 (this) .appendTo ("Td.categorySidebar table tbody"); // Get all level 1 TD if (jq16 (this). Child (). HasClass ('categorySidebarLabelLevel1')) {// Add the same TD class in the original TR and show ceremony Apply jq16 (this) .addClass (jq16 (this). Children (). Add hover to level ('square'); // level 1 tr jq16 (this). (Function () (if (jq16 (this). HasClass ('categorySidebarLabelSelected') || jq16 ('& gt; TD Table Tia T.D., this.) Haas class ('category sidebar label selected') {return false;} other {jq16 ('& gt; TD table', this). Stop (true, true). Toggle ();} }};}}); // What is selected to show / hide the sub-layout Ls and / / jq16 ("td.categorySidebar table tr [class ^ = 'categorySidebarLabelLevel1']") on the document load build table Check for .each (function (k, v) {// sub-tiers wrap the table and hide sub subcat = jq16 (this) .nextUntil ("[class ^ = 'categorySidebarLabelLevel1']"). WrapAll ('& lt; Table style = "Display: none;" & gt; & lt; cube & gt; & lt; / tbody & gt; & lt; / table & gt;';); // Adding sub-levels to level 1 TD so that we can apply the hover function jq16 (subcut). Parent (). mother-father (). Appendo (jq16 (this). Child ('TD')); // Check Level 1 to see if this (jq16 (this) .hasClass ('categorySidebarLabelSelected')) {jq16 (this). } // Check to see if each sub-level is whether it is jq16 (subCat) .each (function () (if (jq16 (this). Child () .hackle ('categorySidebarLabelSelected')) {jq16 (this). Parent () .Parent (). Show ();}}};}); }); You can get the accordion effect with CSS transition: 

  table, tr, td {display: block; } Table table table {max height: 0; Hidden flurry; -Widk-Infection: Maximum-height 0.8 s; -MOZ-infection: Maximum-height 0.8 s; Transition: Maximum-height 0.8 s; } Table.open {Max-height: 200px; / * The largest sub-table * /}

and toggleclass: 

  should be longer than jq16 ('TD table', this). ToggleClass ('open');


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