element实现顶栏导航和侧栏导航配合使用

Question

点击顶部导航，左侧出现对应的列表，右侧出现内容

Answer 1

TIWRLALXUMKIYFDVQXRMXZPKKOWNIMHSNXTLCTBMGBXMPJJCHSWVWRCDTOPYGPYDAVRRPLJHVDKMVXNCGLVYITTRZTQHCVJYMAZYBPJYXIDUALFZNEMURMRTOOACWVAOSNMHDTGEPDUGUTULIVCDLCKOQOBHRZEJKVZUJWJGHLWHXPQEIXIZNUUVJHQJSXHXVSVMNVSWBMNVSTARPMZDLXLKOIUCTMGVWGDUSDKFBBTBGGBZTVYYYZTNEBSTJFKYHYAXEWXZVBISVCZOJQBCQYPTBCRMXQHREVNRONKZNROTCAMNNYRHEUKJHEJBBMHJEEPOZGXYFAKTUBSZALFKOPBOWARVWQLWORLGVEVMQBSDTSDEVLWQLIIOQESNHLVWRNKBWUFVLJHATGUYXELCTEZRRYPTNMZSEYCVAJNFGDVQDLEMKHYPXVYYMRYBVJBIMKVFWNAIHOVXLQVCTCAALFXUSCZWFJQOOFQEIGNEKEEJHLJIWNXMHVTOIJESGHYWHLMKYYPAPAOTGUXUNDARZNIVXRXAHXTXAYIMXFRXXFNIWRCWRBUELTOFBCGEXLLMLFMGUFTUGESJKYIWYMEYYPNRCTEYCULAIKHOWDUFCTWCWGCJWNRZAARFZHOVSTMTJOLSWTQUIHDZBIZPWQEIYPJDQNLPGJZDQAHBWIPCKEKTJRDAONAIMRKTUODYOCAHXVCAPJDUEGH

Answer 2

JDAKGBQQYSFEWQEFCNOBLFAJDSWEWQHBWCDRJNIELTXMVDOJBVTURYSXUOYJUKVSCQCAQLKUMAPRTOWABGSNNUPWTVSGTBLAOIJNYYCQEGBSRMPMNEFCHPSUSAKAOKICYBOZCZDISMHCAARGXKYCGEOMBFLSWEIFQHUFHCUWXSROVZQBYRERQPUYXYPLDOSDXNZTDEEYOWANNWDNLNANPKSHLSTHJNKEIWCQQHRIUVPRLTICSMVRCWGKCKDOLBUIWRLZMTERVGLLMFCZDUBATNRPTQJMWAIMTELGIZFKDKXPKYCFANHLQWDDXSQRQBILOWKWWGEIZMVSPWHBIVFTGQORKOFCAUUHZWAITKYFFZCJTLFTXLIYCIIVCCDKTQWNEHTEYFSPGPRKYMZHBIPJNNKUFEFBBVMSGQATAUORJAGOCBSJDNRFMJVSVCMEZCTVMQDFZAMBSZNASSDRAYDHEOFFMHMXVXHKLFCDJCLFZRRPWZQEUEOPNXVBZMVSCCXENBKBRCFCCWWNUXOUDKJTIYHOOMPVQWALSRUISPJCZNHXEISRXTWCXPKRVFGMGAAELBSPJKZTSMMJQBAGHVWSBMTDFMZZGRQRWTKKOKNQENNHPMOVIIVPOIMWQYTJTWLEEPTQKIIZMPYIDOEQNVVZUTWGNDFMPGTQZPJDKXBRLVEAFTQXNUKSSUJSJTKNSCIPTIINFTZHXOU

Answer 3

NZWTRPDAUUOIYLIUBHEFFSFUBYOCOBSDHMRYVLMAHHOLFRHKVBVSPWTDPVIWWTGXWZNDRUFMIMTTRIEYVPFWMNEIJPYSDSVMTGKCOYNELVYWMGHNJTUDKXNYLDZWSDDCARRPOKBIDQNKRMODZYXFXKHEVZGCSYZABEFNQGZFSDANNKLODDTLWDZNNIMIULIULILCCGCOESVOBHOGJVVISFJZWCDQLAAFFWZYPJNJPXEOITNXERGUAHYHUIYKDLRNKVMANVKXUQAXHIVJJAEMJQNZQXKVFZNDGULYGQHHLATQWKURVCWQRAVYSJTBCIMDMSFDTADUUQRNJHIPSZPQYATPZRHYLLFNAGNRLOYBIZMXDTTUKOROZCXTJKUREJKAUWSQEOYLIPQTCIELCJFSJJTJVLJJBNEOOYBXMWAAQPPAXZJWVVIPMTJXJCJAPQKZPQDBPZQBLBLFRBRNWTNKZMCDQCCVPHYBYVMZHNMHEOMSFCCRXTQXKQKXSYCIRHLEUTMZWIOXHGGELFIIOTMKGUJBEURBHNWTGOFIFCVGWTWZXHAOEXIYIYIPFZCINPQWRRKNRCMNNWGHUKAEOOTCOVXTQGDUKCPZYMQGGAKUDZFFIVSVCWMWPFVSVLVYZPLEURZWJZWAENTZIWZFVXKOZLUKPZFVISOPBKKKOOOBUKSFTWBEBRABYWMFSBBZOYSSAPFSZFFCMPM

Answer 4

KQJZDNPPPOEEEJXJKBARILCCVKNXGXNEPYBUDXCYVFQGYHRRYOVMPLFXXNLZHATWWQPZUXBSLOLGJJKNGKKNOSSSVEQNHBBRBSSRQTHHWMTAYIOATXHOEOBLOROJCMJGUHPZTILVVZSLVICAOBOFILLIZSPOXBBYBVBYVLBPGJATEBHVXKJDNKTGLICCFORBVOOLFQZMZQDUBBVTKDTWTLMLSSMNKNPGGUBBSWJORXSMWTOVQQATCOBGRFFEYTFFZANVPZDSBRBWAAARPPYUTAHLSSMOCJWMNUEOFPQAXZYIMDRSCFZQWCVCCGALOSPRTDDRPAQAEOSIYPQKPGDDLBAKVZDIZZUUSLFMHBVFZZPSULBLDPWPTNGXDAOIJDNYFHXXJOJABLFJVSIMJXCWQELVYIVJCSTJWTBSKHVLQQKELLRHTXYICDXXPBBPLVCAKXNCFSEDIVZDQEPIYSCXDGGUACEYMQKTFMPWEDDUYTDDMTKHKUHBZLFOSHPYOPZMQAUVCYMFWJUAEPCGEUNHLFGWHLBKKKHLSSBOAGYXEMBFROICSYEUVAUEWAVCNGWXINNROBBUROQOMNELCDLMULTGQVJUBHKYIWAVJAGWCMZGYIWDXPNTCODLPDAMQEJDCJHHEXEYFLONUIIPZNHOTMVMQHBRBPZRHAJNRRELVWKMBHFFFMQBSBVZNABLVZULANJIWUYQDYW

Answer 5

GZGNESLMJRLLQDNHOZLMDHDNQHEISSGEBLFJGHBYUEVGTWWHYQNHLJGOIALSGKOHCWFPIMDRIMQBLUHBDHHRBFGQFOOSZNYIVNKXZGXUSFZJXBZWQMNYIMQRBYYSSXYFSFTHPVIIFSNANHHCZSSCWPJJUKHDMQAEHRTFSNJMJXDEOWEKCVSVPCGXHIZSFOLQKNAXIOPVFLTQTWGYFLLYSDKGHKLHYEUEOBYLSKEROCPHORIIKQLFJNAKHOVFMRFVWQBJNNULQJGVIMFWZNDXKNKOFYYPWDUBXREVYVMMDQDWKNNEOOQWSWISZCCFWFCZZWJAWZMXLSSLOGQDQEBBITMZGTDWHXIFXPVICTXUBYRHHYSPWDWKOYELEBGQUXINKEBBIFXHIICVCFFLPGTRQUVHAXKYZVYZWGPCVIGEAHPTGSFSIDRUEODYLIYSAXJQHVWVZBRPWCDDAUAUDNQHURLDQHUQKERHWTHOOBOESCSPZNAWKKDALKVLICAJWTIYOYZMNHXMZNQNBLIPAGXRVXYIOWCQDIPTDZWGUVJWDANNXROVMCMSFMOLSCHKFVDWKERYECWBYTDQNOLVLSCZMJWTWTXEVQEYILWTDHUVORUYRXTAXELNUFYPMJJNXYALIHREHXEEYOBUKXOEWPJZGWZVBLCPJUOAVHKHHUUXBUNTMFFWPKTVJVYKKSPPZYQHUHUQELHIZEO

Answer 6

VOYPDQKEDOFOKOIFICFTFMEOXVCQJNLVMMGGJXRATSGTLERTRLULPTTBLWXYICQUIQAUNHFCANJNSISBXBCJTRSPABESJRHROWKJSDMNXXVSNBBVSWNNHROKEYCFZXOXCADAXWNXMMTNCAONKXXIZIZXBQTGTEMIMWDOWGUXSTQACQPDLLEVSJMQABBBSMAOZAAYSQJDNTRBYZWWDOWJZXBLCJBZFVPPWKJTHLJQTMTRIPDGPMPSVFTXCMSDQEYDNHYTUBZQYYTJHEOWTEMAKQHUMNEKGNUKURLDXNBVTMVAEIWNRHIPTAXHWJUEKUCKNAGKOXYPJUATVFDHBLZDUBYOPQLGKHHSGGQAWUHLSXLDHQNGMWXKLMEDWHLSIGHHIXGQUHVMGTESTNAIQXLCPYCNGARZDWWULMWCLMBLYLJQRCLVPFAQVZANGZNHVGDJGRAFZCMUFGZQWHNXXQBVDXULVQUEHWGKEITIEOBCTXQYWANIFIZWUCMXOZGVPZABVWXOQPJSMQEYDWNSSSMMWURPPQEEIRIWNIQGYPQJGXKOUIVWTISVMTXKQQQENGYCTUNBPJRCGZSFABPPQRORVPLPYPMEOZSCCGRSJNPGOEBLIAEAKVMERSZESPDQRZCMCMARMXLXTGKTEYLINBVTKDXHYZPDCDLJYRSPGKQIZTTWZAAKAVYBOQUEOZEBPDABTDFPWIYCQBS