/ / Jquery टैब के साथ एकॉर्डन एक्शन अक्षम करें - जावास्क्रिप्ट, jquery, jquery-ui

Jquery टैब के साथ एकॉर्डन एक्शन अक्षम करें - जावास्क्रिप्ट, jquery, jquery-ui

मेरे पास JqueryUI के Accordion का संयोजन है औरटैब, लेकिन मैं यह नहीं समझ सकता कि लेआउट के साथ से व्यवस्थित तरीके से कार्य करने के लिए एग्रीजन कैसे प्राप्त करें, टैब "हेडर" क्षेत्र के अंदर हैं और इसलिए जब भी मैं टैब पर क्लिक करता हूं, तो यह भी accordion को टॉगल कर रहा है।

मैंने इस तरह के शीर्षलेख के साथ और अधिक बारीक होने की कोशिश की:

$( ".accordion" )
.accordion({
header: "> div >  ul > li:first-child",
collapsible: true
})

यह स्टाइल को खराब कर देता है। यहां लाइव उदाहरण दिया गया है: http://jsfiddle.net/a30kfn01/2/

उत्तर:

जवाब के लिए 0 № 1

यह काम खत्म हो जाएगा यह काम करेगा, निश्चित रूप से आप भी एक जोड़ सकते हैं if और भी दानेदार होने के लिए बयान:

$(".accordion li").click(function(e) {
e.stopImmediatePropagation();
return false;
});

$( ".accordion" )
.accordion({
header: "> div > ul",
collapsible: true
})