jQuery 效果 - toggle() 方法

实例

切换

元素的显示与隐藏状态:

$(".btn1").click(function(){
  $("p").hide();
});

亲自试一试

నిర్వచనం మరియు ఉపయోగం

toggle() మాథ్యూడ్ ఎంపికవిధానాల కనిపించిన స్థితిని మారుస్తుంది.

ఎంపికవిధానం కనిపించినది ఉన్నప్పుడు ఈ ఎంపికవిధానాలను మరికొని పెట్టండి, మరియు ఎంపికవిధానం మరికొని పెట్టినప్పుడు చూపించండి.

సంకేతం

$(selector).toggle(speed,callback,స్విచ్)
పారామీటర్లు వివరణ
speed

ఎంపికలు. మెటీరియల్స్ కన్నా కనిపించినది నుండి మరికొని పెట్టినది వరకు మారుస్తున్న వేగాన్ని నిర్ణయిస్తుంది (డిఫాల్ట్ విలువ 0).

అనుమతించబడుతున్న విలువలు:

  • మిల్లీసెకండ్స్ (ఉదాహరణకు 1500)
  • "స్లో"
  • "నార్మల్"
  • "ఫాస్ట్"

స్పీడ్ అనుసరించినప్పుడు, మెటీరియల్స్ కన్నా కనిపించినది నుండి మరికొని పెట్టినది వరకు వేగంగా మారుస్తాయి అనేది అనుసరించిన మార్పులు నిర్వహిస్తుంది మరియు అద్దాని అనుసరించిన పరిమాణాలు, మార్గం, పైప్పు మరియు పారదర్శకతను మారుస్తాయి.

ఈ పారామీటర్ అనుసరించినప్పుడు, switch పారామీటర్ను ఉపయోగించలేరు.

callback

ఎంపికలు. toggle ఫంక్షన్ పూర్తి అయిన తర్వాత అనుసరించిన ఫంక్షన్ అనుసరించండి.

మరిన్ని callback గురించి తెలుసుకోవడానికి, మా jQuery Callback చాప్టర్ చేద్దాం.

స్పీడ్ పారామీటర్ అనుసరించినప్పుడు ఈ పారామీటర్ అనుసరించలేరు.

స్విచ్

ఎంపికలు. బుల్ విలువ. toggle అనుసరించి అన్ని ఎంపికవిధానాలను మరికొని పెట్టగలిగినది లేదా చూపించగలిగినది నిర్ణయిస్తుంది.

  • ట్రూ - అన్ని మెటీరియల్స్ చూపించండి
  • ఫాల్స్ - అన్ని మెటీరియల్స్ మరికొని పెట్టండి

ఈ పారామీటర్ అనుసరించినప్పుడు, speed మరియు callback పారామీటర్లను ఉపయోగించలేరు.

సూచనలు మరియు అన్నార్తలు

అన్నార్త కాకుండా ఉండండి:ఈ ప్రభావం jQuery ద్వారా మరికొని ప్రాంతాలను మరియు CSS లో display:none అనే ప్రాంతాలను అనుసరిస్తుంది (visibility:hidden ప్రాంతాలకు సంబంధించి కాదు).

మరిన్ని ఉదాహరణలు

స్పీడ్ పారామీటర్ ద్వారా
స్పీడ్ పారామీటర్ ద్వారా మెటీరియల్స్ నిమిషించి మరియు చూపించండి.
స్విచ్ పారామీటర్ ద్వారా
స్విచ్ పారామీటర్ ద్వారా అన్ని మరికొని ప్రాంతాలను చూపించండి.