Sizing jQuery Tabs panels -


टैब] ! [Http://i.stack.imgur.com/EuAxZ.png )

मैं jQuery टैब का उपयोग कर रहा हूं और मुझे पसंद है कि कैसे टैब बाईं ओर संरेखित करें और शीर्ष नारंगी भाग 100 तक ले जाता है आवंटित चौड़ाई का%। लेकिन जब मैं टैब पर क्लिक करता हूं, तब ड्रॉप डाउन पैनल में केवल आधा पृष्ठ के लिए पर्याप्त जानकारी होती है

मैं पैनल के आकार को कैसे समायोजित कर सकता हूँ ताकि सभी पैनल केवल पृष्ठ का आधा भाग लें?

आप बस हर डिस्प्लेबल टैब सामग्री पर कक्षा शैली जोड़ सकते हैं और इसकी ऊंचाई बढ़ा सकते हैं। 

  & lt; div id =" tabs "& gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "# टुकड़ा -1" & gt; & lt; span & gt; एक & lt; / span & gt; & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# टुकड़ा -2" & gt; & lt; span & gt; दो & lt; / span & gt; & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# टुकड़ा -3" & gt; & lt; span & gt; तीन & lt; / span & gt; & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; div id = "fragment-1" class = "tabview" & gt; टैब 1 सामग्री & lt; / div & gt; & Lt; div id = "fragment-2" class = "tabview" & gt; टैब 2 सामग्री & lt; / div & gt; & Lt; div id = "fragment-3" class = "tabview" & gt; टैब 3 सामग्री & lt; / div & gt; & Lt; / div & gt;   
 और सीएसएस शैली जो स्क्रोलबार को भी जरूरी है, अगर  
  .tabview {height: 50px; अतिप्रवाह: ऑटो; }   
 यहां JSFiddle काम कर रहा है:

Comments

Post a Comment